我可以在条件 [ngCLASS] 下写一个 CSS class

Question

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

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

现在我如何使用 CSS classes。我有 class green-button 用于 YES 和 red-button 用于 NO.
如何在 [ngClass].

中使用它们

Answer 1

如果您想根据不同的条件应用不同的类，您可以执行以下操作

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

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

Answer 2

你可以试试这个：

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

希望对您有所帮助..:)

Can i write a CSS class under conditional [ngCLASS]