AngularJS ng-href指令
AngularJS 实例
AngularJSを使用してリンクを追加する設定:
<div ng-init="myVar = 'http://www.example.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 | 文字列、式の実行結果 |
其他扩展