问题标签 [mat-tab]

我正在尝试使用valor-software/ngx-bootstrap创建动态选项卡，但我想将组件的选择器放在动态创建的选项卡内容中，

在文档示例中，我们有：

我希望能够做这样的事情：

Angular 将组件选择器清理为字符串 有什么解决方法吗？

我已经完成了 mat-tab 自定义，如下所示

该选项卡看起来像

我有两个问题：

1. 墨水条颜色没有改变
2. 我有两个不同的标签组。我想给它们设计不同的样式。因此，使用上述解决方案，它基本上会全局更改所有选项卡组件。如何将它们转换为特定的 CSS 类？我确实尝试过喜欢.my-label并使用它，class="my-label"但这不起作用。

我有一个需要使用嵌套选项卡和表格的示例。

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

当我切换父选项卡（查看 M2）然后尝试切换子选项卡（M3）时，选项卡不会呈现。只有在多次切换子选项卡 (M3) 后才会进行渲染。

在上述 Stackblitz 中重现的步骤：

1. 打开任何 M1 扩展面板。这将显示父选项卡 (View M2) 和子选项卡 (M3)
2. 切换到子选项卡 ( M3 32 B )
3. 切换到父选项卡（查看 M2 - 2）
4. 切换回上一个父选项卡（查看 M2 - 1）
5. 切换到子选项卡 ( M3 33 C )

预期结果
应在子选项卡中显示表格 ( M3 33 C )

实际结果
子选项卡中没有呈现任何内容（M3 33 C）

当您切换到不同的子选项卡然后返回子选项卡 ( M3 33 C ) 时，将显示表格。

谁能指出什么是错的？

我有四个角度为 4 的垫子表。表 A、表 B、表 C 和表 D。表 C 有三列。第 1 列，第 2 列，第 3 列。如果我想更改表 C 中第 3 列条目的字体颜色，我该怎么做？在此之前我没有任何使用角度的经验，所以如果我的问题太琐碎或不清楚，请原谅我。

我正在尝试使用mat-tab. 我在html中添加了以下代码

在 ts 文件中

我收到错误

未捕获的错误：模板解析错误：
'mat-tab' 不是已知元素：
1. 如果 'mat-tab' 是 Angular 组件，则验证它是否是此模块的一部分。
2. 如果“mat-tab”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。("
</ngx-tabset> -->

我使用单个选项卡延迟加载具有某些控件的内容，这些控件依赖或需要初始化，例如我们的 3rd 方编辑器（例如 TinyMCE）。

我设法集成了控件，但是每当我们导航到另一个选项卡时，我都会遇到这个问题，控件会不断重置（现在在这种情况下，TinyMCE 编辑器包装在另一个组件中）。

编辑器-wrapper.component.html

编辑器包装器.component.ts

console.log('foo foo');并且在导航回堡垒时似乎继续打印，这意味着editor-wrapper.component正在重置/重新初始化。

我们怎样才能避免这种情况？没有选项只能在用户导航一次或第一次时延迟加载选项卡？

请查看此演示

更新

输入文本是通过使用[(ngModel)]基于@Arash 注释来解决的。

我正在使用带有 angular4 的材料，什么时候使用下面的代码。它正确显示选项卡，但是当我切换选项卡单击任何选项卡时，选项卡之间的空格会变宽变窄，就好像应用了一些 flex 样式的空间 - 之间的空间 - 周围等一样。我没有添加任何额外的样式。<mat-sidenav-content>如果确实有任何区别，我正在使用下面的组件。

如何在没有数据源（静态数据）的情况下使用材料设计数据表布局？我在https://material.angular.io/components/table/examples上找不到此用例的示例。例如，我尝试了以下但没有成功。

我收到以下错误：

I display several tabs with a loop ngFor using Angular Material tabs. This works properly however now I would like to open the second tab when initialised and not the first tab. Therefore, I add the property selectedIndex in the mat-tab-group but it doesn't work and still continues to open on the first tab.

HTML

The variable "tabs" is fetched with a service from the server in ngOnInit like this:

COMPONENT

I think it comes from here because if I set the tabs manually without requesting to the server it works. Like this:

我有一个使用角度材料选项卡组的角度组件。

在某个选项卡中，用户可以进行一些更改并保存。如果用户做了一些更改并尝试导航到另一个选项卡而不保存，我想在导航到另一个选项卡之前要求用户确认放弃更改。

有没有办法做到这一点？