我可以在条件 [ngCLASS] 下编写 CSS 类吗答案

【问题标题】：Can i write a CSS class under conditional [ngCLASS]我可以在条件 [ngCLASS] 下编写 CSS 类吗
【发布时间】：2017-12-13 20:34:12
【问题描述】：

我在编写逻辑时确实有一些问题。我正在使用 Angular2。在 html 页面中，我有两个按钮 - 是和否我想要 YES 和 NO 不同的颜色。所以在 div 标签中，我有这样的条件：

ngClass="'result'?'yes':'no'"

现在我如何使用 CSS 类。我有类 green-button 代表 YES 和 red-button 代表 NO。
如何在 [ngClass] 中使用它们。

【问题讨论】：

【解决方案1】：

你可以试试这个：

<div class=" form-group" [ngClass]="{ (result==='YES')? 'green-button': 'red-button'}">

希望对你有帮助..:)

【讨论】：

【解决方案2】：

如果你想根据不同的条件应用不同的类，你可以这样做

<div class=" form-group" [ngClass]="{'green-button': green-button-condition, 'red-button': red-button-condition}">

将green-button-condition 和red-button-condition 替换为您的条件

【讨论】：