問題タブ [routerlinkactive]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 2、アクティブ クラスをルーター リンクに追加する [ベスト プラクティス]
Input
routerLinkActive を使用して、アクティブなクラスを特定の URL に追加しています。しかし、単語のチャンクを検出した場合、特定のリンクが常にアクティブであることを望みます。説明しましょう: 定義したルートが/rent/page/:id
で、テンプレートに入れる場合は、次のようにします。
アドレス バーの URL が定義されたルートと一致する場合に機能し、active
クラスを追加します。レンタル リンクを含むメイン ナビゲーションがアクティブになります。
しかし、ルーティングにこの定義/rent/:property/:name/:id
があり、URL をタップすると、メイン ナビゲーションにアクティブなリンクが追加されません。
次の解決策を見つけました。
rent
現在の URLに一致するたびに、プロパティrent
をオブジェクトに設定active
し、レント ナビゲーションにアクティブに追加します。前述のテンプレートを次のように変更します。
それは機能しますが、これが良い習慣であるかどうかはわかりません。
私の質問は次のとおりです。ユーザーがページを変更しても、特定のリンクをアクティブに保ちたい場合はどうすればよいですか? routerLinkActive
を使用してこれを行う別の方法はあり[routerLinkActive]
ますか?
angular2-routing - 子ルートの Angular 2 RouterLinkActive クラス
サブナビゲーションが関連付けられたナビゲーションコンポーネントがあります。データ構造は次のとおりです。
メイン ナビゲーションとサブ ナビゲーションの間にリンクを作成して、ページ レイアウトに移動したときにアクティブなクラスが引き続き設定されるようにしたいと考えています。私の現在の親HTMLは次のとおりです。
複数の routerlinks オプションを追加して、次のような routerlink オプションの配列を提供しようとしました。
しかし、これは機能しません。
ありがとう
angular - htmlテンプレートでrelativeToプロパティをrouterActiveと一緒に使用するにはどうすればよいですか?
アプリケーションで「relativeTo」プロパティと「routerLinkActive」ディレクティブを使用する必要があります。を使用してルーティングするクリックリスナー関数を持つ
大丈夫でしょう。しかし、その場合は routerLinkActive ディレクティブを使用できません。
両方を同時に使用するにはどうすればよいですか?