問題タブ [mat-tab]

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 投票する
1 に答える
266 参照

angular - タブが期待どおりに機能しない - Angular Material

私は角度を学ぼうとしています。angular 8と最新のマテリアルを使用しています.dashboard.components.htmlを共有しています

AppRoutingModule.ts

ここでの問題は、タブページをクリックするとロードされますが、タブ画面が消えることです。Nab バーのタブが常に存在する必要があります。そのタブ ナビゲーション バーのすぐ下に、ページが読み込まれます。ここではそれは起こっていません。いつも戻るボタンをクリックしなければなりません。ここで何が欠けているか教えてください。

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

angular - ページの読み込み時に Angular MatTabChangeEvent がトリガーされない

(selectedChange)="functionName($event)"アクティブなタブのインデックスを取得するために利用しています。ただし、ページの読み込み時に、このイベントをトリガーすることはできません。タブを少なくとも 1 回変更して、MatTabChangeEvent2 つのオブジェクトtabindex.

両方のタブに、ページネーション付きのマット テーブルがあります。また、データベースからデータを検索し、それぞれのタブに表示する検索バーがありますが、ここでの問題は、ページの読み込み時にユーザーが検索バーに直行した場合、現在アクティブなタブがわからないため、条件ステートメントユーザー検索に基づいてそれぞれのタブにデータを表示すると、Uncaught erroratthis.activeTab.indexが存在しません。しかし、ユーザーが実際にタブを変更すると、アクティブなタブのインデックス値が得られ、コードは正常に動作し続けます。

では、ページの読み込み時に MatTabChangeObject を取得するにはどうすればよいですか?

注:オブジェクトのように返されないためMatGroup、withは使用できませんViewChildMatTabChangeEvent

これが私のコードです

関数でeventChange値を発行し、その値を次this.tabEventのタイプの変数に割り当てていますMatTabChangeEvent