[解決済み] アンギュラで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>
タグを使用します。
関連
-
[解決済み] Angular 4: コンポーネントファクトリが見つかりません。@NgModule.entryComponents に追加しましたか?
-
[解決済み] Angular 5:"ControlContainerのプロバイダがありません"
-
[解決済み] ng serve または firebase serve を終了させる方法
-
[解決済み] webpack のアップグレード後、名前空間 NodeJS が見つからない
-
[解決済み] Angular2の$document.ready()に相当します。
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angularの@Directiveと@Componentの比較
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】エラー。どのルートにもマッチしません。URLセグメント: - Angular 2
-
[解決済み] Angular 4: コンポーネントファクトリが見つかりません。@NgModule.entryComponents に追加しましたか?
-
[解決済み] <selector>' が Angular コンポーネントの場合、それがこのモジュールの一部であることを確認する。
-
[解決済み] ngForにフィルターをかけるには?
-
[解決済み] Electron - ローカルリソースのロードが許可されていません
-
[解決済み] ActivatedRouteSnapshot の注入ができない。
-
[解決済み] Angular 2でディレイを作成する方法
-
[解決済み] Angular2 - エラー。セレクタ "app-root" はどの要素にもマッチしませんでした。
-
[解決済み] ag-gridで「表示する行がありません」テキストをプログラムで変更するにはどうすればよいですか?
-
[解決済み] Angularで電話番号の入力をフォーマットする