Question

我在Angular 2中有以下代码。我希望只有一个div元素将获得一个类样式＆＃39;选择＆＃39;基于＆＃39; service.mode＆＃39;的价值。编写完这段代码之后，我发现所有的div元素都会被选中＆＃34;选择＆＃34;，即使＆＃39; service.mode＆＃39;等于＆＃39;插槽＆＃39;。

<header>
  <div [ngClass] = "{'chosen': 'service.mode == \'featured\''}"> Featured Games</div>
  <div [ngClass] = "{'chosen': 'service.mode == \'slots\''}"> Slot Games </div>
  <div [ngClass] = "{'chosen': 'service.mode == \'card\''}"> Card Games </div>
  <div [ngClass] = "{'chosen': 'service.mode == \'table\''}"> Table Games </div>
</header>

你知道可能是什么问题吗？

Answer 1

正确的语法是：

<header>
    <div [ngClass] = "{'chosen': service.mode == 'featured'}"> Featured Games</div>
    <div [ngClass] = "{'chosen': service.mode == 'slots'}"> Slot Games </div>
    <div [ngClass] = "{'chosen': service.mode == 'card'}"> Card Games </div>
    <div [ngClass] = "{'chosen': service.mode == 'table'}"> Table Games </div>
</header>

如果您想将\与''进行比较，请不要知道您使用service.mode的原因，在featured\内使用它。

Angular2 ngClass：如何有条件地选择一个班级？

1 个答案: