1. ホーム
  2. angular

[解決済み] アンギュラでhrefを使ったテンプレート化(4)

2022-03-11 16:15:15

質問

Angular 2では、テンプレート化されたURLを動作させるために、ng-hrefをhrefに置き換えることができることは知っていますが、Angular 4ではそれがうまくいきません。 Angular.ioにもそれに関するドキュメントが見当たらないのですが、どのように動作するのでしょうか?

編集:たぶん私はバージョン番号を混同しています。 私は最新のAngular(angular.io)に拘っています。

のように、外部のスタイルシートにリンクさせたい。 link rel="stylesheet" href="...">

ここで、...は{{link}}、リンク=...です。 https://www.w3schools.com/w3css/4/w3.css

解決方法は?

AngularJSでは ng-href というのも、ある種の DOM 要素や属性に式をバインドする際に問題があったからです。

この問題は、現在のAngularには存在しません。

以下は期待通りに動作します。

<a href="{{your expression here}}"></a>

を使用してバインドすることもできます。 attr のような接頭辞があります。

<a [attr.href]="your expression here"></a>

他の方もおっしゃっていますが ルーティングを使用している場合で href 属性を特定のルートに追加します。を使用します。 routerLink ディレクティブは href 属性に <a> タグを使用します。