如何将自定义样式添加到 Angular Material Table 单元格的一小部分？

Posted 2023-02-26

【中文标题】如何将自定义样式添加到 Angular Material Table 单元格的一小部分？

【英文标题】：How do I add custom styling to a small part of Angular Material Table cell?

【发布时间】：2021-08-10 16:33:20

【问题描述】：

我想更改材料表单元格中显示的文本颜色。 我有一个数组作为我的数据源，其中类型是 MatTableDataSource。 有些单元格中有常规文本，例如 橡皮鸭。 我希望能够改变那部分字符串的颜色，比如说鸭子。 我的第一个想法是添加一个带有一些可以做到这一点的类的跨度，但是表格不允许我添加 html 标签，所以当我这样做时，我会得到整个标签显示为文本。 这个问题有解决办法吗？

总结一下：

问题 - 更改 Angular Material 表 (MatTableDataSource) 中部分文本的颜色

尝试失败 - 在需要样式的文本周围插入 span 标签。不起作用，因为表格会将标签显示为常规文本。

寻找其他建议。 谢谢！

【问题讨论】：

你想改变所有单元格的颜色还是特定单元格的颜色？

对于某些单元格来说只是单元格的一部分..

我意识到我的问题是 Angular 如何解析 ，当我在其中添加 html 时，它会将 html 显示为纯文本

现在，它工作正常，您不需要任何解决方案来解决这个问题吗？或者你还在寻找这个问题的解决方案？

我只是想通了（在我在这里回复之后）。我正在使用 而不是 myvar。这解决了它。你有不同的方法吗？

【参考方案1】：

使用 而不是 myvar 解决了它。我不确定是否有更好的解决方案