在Angular 7中,将id属性设置为Angular Material mat-tab是不被允许的。这是因为Angular Material mat-tab在内部使用了id属性来管理选项卡的唯一标识。
如果你想为mat-tab设置自定义的id,可以使用Angular Material提供的其他属性来实现。例如,你可以使用label属性来设置选项卡的显示文本,并使用selected属性来指定默认选中的选项卡。
以下是一个示例代码,展示了如何使用label和selected属性来设置mat-tab的选项卡:
Tab 1 content
Tab 2 content
Tab 3 content
在上述示例中,Tab 1被设置为默认选中的选项卡,并且每个选项卡都有一个唯一标识的显示文本。
通过使用label和selected属性,你可以实现类似于使用id属性的效果,同时遵循Angular Material的设计规范。