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

129 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
485 参照

angular - 親タブを切り替えた後、mat-tab-group タブがレンダリングされない

ネストされたタブとテーブルを使用する必要がある例があります。

https://stackblitz.com/edit/angular-bgl1f2

親タブ (View M2) を切り替えてから子タブ (M3) を切り替えようとすると、タブがレンダリングされません。レンダリングは、子タブ (M3) を複数回切り替えた後にのみ発生します。

上記の Stackblitz で再現する手順:

  1. M1 拡張パネルを開きます。これにより、親タブ (View M2) と子タブ (M3) が表示されます。
  2. 子タブに切り替える ( M3 32 B )
  3. 親タブに切り替える ( View M2 - 2 )
  4. 前の親タブに戻る ( View M2 - 1 )
  5. 子タブに切り替える ( M3 33 C )

期待される結果
子タブにテーブルが表示されるはずです ( M3 33 C )

実際の結果
子タブに何も表示されない ( M3 33 C )

別の子タブに切り替えてから子タブに戻ると ( M3 33 C )、テーブルが表示されます。

誰が何が間違っているのか指摘できますか?

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

angular - タブをクリックすると、mat-tab-group の間隔が変更されます

以下のコードを使用する場合は、angular4 のマテリアルを使用しています。タブは適切に表示されますが、任意のタブをクリックしてタブを切り替えると、タブ間のスペースが変更され、フレックススタイルのスペース間のスペースなどが適用されているかのように狭くなります。私は追加のスタイリングを追加していません。以下のコンポーネントを<mat-sidenav-content>if 内で使用していますが、違いはありません。


12345678910