问题标签 [mat-tab]

例如，我的 mat-tab-group 中有 2 个选项卡：

假设选择了第一个选项卡（索引 0），当我将 selectedIndex 更改为 2（应该切换到选项卡 3 但它不存在）时，选择了第二个选项卡。我希望第一个选项卡保持选中状态，因为索引超出范围。我怎样才能做到这一点？（对于一般情况：n选项卡的数量，其中一个被选中（不一定是第一个或最后一个，并且selectedIndex>n）

我仅在选中时才尝试显示选项卡内容：

这是工作，但我得到了ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'. 那么我做错了什么？

演示

我正在使用有角度的材料 mat-tab 内容。

我的代码看起来像 -

我想实现类似的东西

如何实现单击按钮的此功能，它应该转到不同的选项卡？

我在 div 上有一个角度动画。在 div 内部，我有一个材质选项卡组件。当我在 div 动画进入页面时单击其中一个选项卡时，一旦 div 的动画完成，选项卡的内容就会消失。

这是一个stackblitz来演示我的问题。 https://stackblitz.com/edit/angular-5papgq

重现步骤。

1. 当包含选项卡的 div 淡入页面时，单击其中一个选项卡以更改选项卡。

2. 等待所有选项卡完成动画到页面中。

3. 观看标签内容消失。

这是我的动画的问题还是选项卡组件本身的问题？

mat-tab如果当前活动选项卡中的表单很脏，我试图阻止选项卡更改。

但我找不到拦截选项卡更改事件的方法。

即使selectedTabChange发生事件，我们也无法阻止选项卡更改。我们只能在选项卡更改后以编程方式切换选项卡。

所以我创建了目前仅适用于选项卡的 mat 选项卡组，但子选项卡有问题，我将在 gif 中向您展示。只有 1、2 个子选项卡不能拖放到它们上面，所有其他情况都在工作。

https://gfycat.com/corruptwarmheartedamericanavocet

我尝试了一切，清除 css 更改 css 但没有任何效果，总是事件容器和 previousContainer 是相同的 -> 拖动元素。

如果我尝试使用TAB（键盘）沿着 mat-tabs 前进，它不起作用。它专注于当前选项卡，并进入选项卡内容而不是第 2、第 3 个选项卡。

我不需要向您展示我的代码，您可以在Tabs |上看到此行为 角材料文档

如何重现：左键单击选项卡组的基本使用，在第 3 次 TAB 按下时，您将在第一个选项卡上结束。

预期结果：跳转到下一个选项卡，而不是事件标题

我想禁用 Angular Material mat-tab 动画（当内容滑入到位时发生的动画）。我知道可以使用 [@.disabled] 属性，但我想知道是否可以使用纯 css 实现相同的效果。

编辑：

我们的 UX 团队希望从材料选项卡中删除幻灯片动画，因为他们认为无论出于何种原因它们都不合适。我们有多个项目可能会多次使用选项卡组件，因此我们想要一种方法来删除当前选项卡和未来选项卡的动画。理想情况下，我们不想告诉人们向他们的 HTML 添加（并开始添加）任何属性（他们可能会忘记这样做）。此外，这些项目具有提供主要 css 样式的项目作为依赖项。我们的想法是在所有项目共享的主 CSS 样式表中删除这些动画。我们尝试添加以下内容，但没有奏效：

我正在使用 Angular 8 和Angular 材质选项卡

我在选项卡中创建了一个选项卡，我的代码如下所示：

在main-stats.component.html 上

我只想为 Level 1 选项卡着色。但是 Tab 孩子也受到影响，有什么可能的方法来解决它吗？

我想在mat-tab单击按钮时禁用选定的元素和内部元素，

//HTML

//打字稿

尝试使用[disabled]in 中的属性，

但它禁用了所有选项卡而不是选定的一个，并且没有禁用控件。

我怎样才能做到这一点？