問題タブ [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.
angular - ネストされた Angular マテリアル タブ
一部の画面に動的タブを追加する必要がありUser Preferencesます。メインの設定タブは、静的コンテンツを含む静的タブにすることができますが、2 番目のタブにはネストされたmat-tab要素が必要です。
これらの追加の動的設定はバックエンドから取得されるため、*ngForを使用して追加のタブをレンダリングできます。
私が今見ている問題はタブにありますlabels。labelラベル テキストは、設定しているプロパティからではなく、最初にネストされたタブから値を取得しています。
私の例をstackblitzでご覧ください - https://stackblitz.com/edit/mat-tabs-nested?embed=1&file=app/tab-group-async-example.html
オンライン プロジェクトのコード スニペットは次のとおりです。
[More Dynamic Preferences] タブをクリックすると、タブのヘッダー テキストが [First] になります。非同期の例とは対照的に、タブコンテンツを同期的にロードしている2番目のタブでも同じことが起こります。
angular - マットタブのデフォルトのアクティブタブとしてタブを設定しない
を使用して検索機能を実装しmat-tabました。初期ロード時にタブを選択する必要はありません。タブは、ユーザーが特定のタブをクリックしたときにのみアクティブになる必要があります。
現在、最初のタブはロード時にアクティブです。設定してみselectedIndex="null"ましたがダメでした。また、ボタンのクリックで選択したタブをリセットする必要があります。
