AngularJSng-hrefディレクティブ


AngularJSを使用してhrefを作成します。

<div ng-init="myVar = 'https://www.w3schools.com'">
    <h1>Tutorials</h1>
    <p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn!</p>
</div>

定義と使用法

ng-hrefディレクティブは、<a>要素の元のhref属性をオーバーライドします

href値内にAngularJSコードがある場合は、ng-href代わりにディレクティブを使用する必要があります。href

ディレクティブは、ng-hrefAngularJSがコードを評価する前にユーザーがリンクをクリックした場合でも、リンクが壊れていないことを確認します。


構文

<a ng-href="string"></a>

<a>要素でサポートされています。


パラメータ値

Value Description
string A string value, or an expression resulting in a string.