我需要打开一个包含两个选项卡的md-tab-group的md-dialog。可以从两个按钮打开md-dialog,这些按钮应该打开相应的选项卡。 打开md-dialog的模板:
<button md-button class="" (click)="openDialog(1)">open tab 1</button>
<button md-button class="" (click)="openDialog(2)">open tab 2</button>
组件.ts文件:
openDialog(type) {
var data: any = {};
data.type = type;
let dialogRef = this.dialog.open(TwoTabDialog, {height: 'auto', width: '529px', data: data});
dialogRef.afterClosed().subscribe(result => {});
}
对话框模板:
<md-tab-group class="follow-dialog">
<md-tab label="tab 1" id="followers-tab" md-active="data.type == 1">
tab 1 content
</md-tab>
<md-tab label="tab 2" id="following-tab" md-active="data.type == 2">
tab 2 content
</md-tab>
问题在于标签页1始终处于打开状态。