問題タブ [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.

0 投票する
0 に答える
375 参照

angular - パラメータでリフレッシュした後、Angular routerLinkActiveは未定義です

Angular 5 を使用していますが、routerLinkActive が機能せず、ページを更新した後にパラメーターが未定義であると表示されます。

これは私のルートです:

私のナビゲーション バーでは、次のように子ルートを表示します。

たとえば、「編集」ルートに移動すると完全に機能します。しかし、F5 を押すと、activeRouterLink が機能しません。そして、「ステータス」に移動すると、再び機能します。

何か案が ?前もって感謝します

0 投票する
1 に答える
2105 参照

angular - Angular Material 2はデフォルトのアクティブタブを設定できません

以下のコードは、material.angular.ioから取得したものです。

成分:

このサンプルを実行しようとしたとき、コンポーネントを開くにはホームをクリックする必要があります。ホームの中身を最初に表示させたい。最初の値をデフォルトのアクティブなタブとして設定するにはどうすればよいですか?

0 投票する
1 に答える
1936 参照

angular - angular RouterLinkActive が子パスと一致しない

私はAngularに比較的慣れておらず、NavBarでハイライトを機能させようとしています。私は他の記事をいくつか読みましたが、あまり役に立ちません。

私のapp-routing.tsファイルで

私のapp.component.htmlファイルで

私のguides-trade.component.tsファイルには、行をクリックするとそのアイテムの詳細レコードに移動するリストがあります(これは正常に機能し、正しいページに移動します)

私のstyles.cssファイルで

ナビゲーション バーからGuides Tradesをクリックすると、正しく強調表示されます。ただし、Guided Trade の詳細レコードに移動した場合、Guides Trades Nav 項目がまだ強調表示されていることを望みます。app-routing.ts ファイルで子ルートを試してみましたが、うまく動作しません。

[ngClass]="{'active':guidetradedetail.isActive}" のようなものをapp.component.htmlファイルの navlink に追加する方が簡単でしょうか?