angular / angular/components

Mat-table with multiTemplateDataRows is not working when this table is added in mat-tab.

オープン
#15,775 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る
area: material/table P2
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### What is the expected behavior?
it should work fine with/without mat-tab

#### What is the current behavior?
Empty rows are created and displaying

#### What are the steps to reproduce?
Providing a StackBlitz reproduction is the *best* way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

Step 1: Go to "https://stackblitz.com/edit/angular-material-expandable-table-rows?file=app%2Ftable%2Ftable.component.ts"

Step 2: Add Mat-tab module in app.module.ts "import {MatTabsModule} from '@angular/material/tabs';"

Step 3: Add the following code at the top, in table.componenet.html

"
Content 1
Content 2
Content 3
"

Step 4: Cut the rest of the code and paste it inside the tab replacing "Content 1"

Step 5: run the code.

Step 6: move to next tab and come back to first tab, the content will be displaying by default. PFA screenshots
![codechanges](https://user-images.githubusercontent.com/40624122/55858472-684e7780-5b8d-11e9-9b85-771dd0b99762.png)
![issue](https://user-images.githubusercontent.com/40624122/55858481-6edcef00-5b8d-11e9-8279-392a77220315.png)

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?

#### Is there anything else we should know?

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

StackBlitz の再現から始め、テーブルを mat-tab 内に配置する前後で table.component.html と table.component.ts を比較します。app.module.ts で MatTabsModule を確認してから、タブを切り替えて空の行を再現します。最初のタブを離れて戻った後も multiTemplateDataRows テーブルが内容を正しく表示すれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。