【问题标题】:How do I add custom styling to a small part of Angular Material Table cell?如何将自定义样式添加到 Angular Material Table 单元格的一小部分?
【发布时间】:2021-08-10 16:33:20
【问题描述】:

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

总结一下:

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

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

寻找其他建议。 谢谢!

【问题讨论】:

  • 你想改变所有单元格的颜色还是特定单元格的颜色?
  • 对于某些单元格来说只是单元格的一部分..
  • 我意识到我的问题是 Angular 如何解析 {{}},当我在其中添加 html 时,它会将 html 显示为纯文本
  • 现在,它工作正常,您不需要任何解决方案来解决这个问题吗?或者你还在寻找这个问题的解决方案?
  • 我只是想通了(在我在这里回复之后)。我正在使用 而不是 {{myvar}}。这解决了它。你有不同的方法吗?

标签: html css angular angular-material


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-12
    • 1970-01-01
    相关资源
    最近更新 更多