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

时间:2017-07-10 07:47:52

标签: jquery css angular angular2-template angular2-forms

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

<fo:external-graphic src="url({concat('file:///',$logo-image)})"

现在我如何使用CSS类。我的班级绿色按钮为YES,红色按钮为NO。 如何在[ngClass]中使用它们。

2 个答案:

答案 0 :(得分:1)

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

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

green-button-conditionred-button-condition替换为您的条件

答案 1 :(得分:1)

你可以试试这个:

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

希望它有所帮助.. :)