如何在角度材料中绑定ngclass的动态值？答案

【问题标题】：how to bind dynamic value for ngclass in angular material?如何在角度材料中绑定ngclass的动态值？
【发布时间】：2020-07-18 03:11:29
【问题描述】：

[我想将拆分值的第0个索引绑定到ngclass。我不能在后端这样做。我必须在 .html 本身中执行此操作。有什么帮助吗？

在 .ts 文件中

 response = "success&2018-12-19 09:26:03";
    this.status = response;

在 .html 页面中

<div  ngClass="row.status.split['&'][0]">{{row.status.split['&'][1]}}</div>

在 .scss 文件中

.success {
     background-color: #4A993A;
     height:25px; width:200px;
     border-radius:4px;
     color: white;
     margin-right: 9px;
     text-align: center;
     padding-top:3px;
}

我不知道如何为动态拆分值的 ngclass 提供正确的语法。

【问题讨论】：

能否提供示例代码？我们很容易复制。

标签： typescript sass

【解决方案1】：

首先你应该确保response = "success&2018-12-19 09:26:03"; 不为空。如果它为空，请处理它。通过给定的代码，我试图在这里理解并给出我的解决方案。不确定它是否有帮助，因为我没有重现该问题的示例代码。用这个替换那行代码。

<div [ngClass]="row.status.split('&')[0]">{{row.status.split('&')[1]}}</div>

【讨论】：