AngularJS ng-href 指令
AngularJS 實例
使用AngularJS 設置添加鏈接:
< div ng-init= "myVar = 'http://www.w3big.com'" >
< h1 >本教程< /h1 >
< p >訪問< a ng-href= "{{myVar}}" > {{myVar}} < /a >學習! < /p >
< /div >
< h1 >本教程< /h1 >
< p >訪問< a ng-href= "{{myVar}}" > {{myVar}} < /a >學習! < /p >
< /div >
嘗試一下»
定義和用法
ng-href指令覆蓋了原生的<a>元素href屬性。
如果在href的值中有AngularJS代碼,則需要使用ng-href而不是href 。
ng-href
指令確保了鏈接是正常的,即使在AngularJS執行代碼前點擊鏈接。
語法
< a ng-href= " string " > < /a >
<a> 元素支持該指令。
參數值
值 | 描述 |
---|---|
expression | 字符串,表達式的執行結果 |