Angular 2 ngClass是否有数据条件?

时间:2018-01-01 22:36:43

标签: css angular conditional ng-class

所以我基本上试图设置一个突出显示,如果已经选择了一个对象。如何比较对象以更改类?像这样的东西

symbol

当前代码:

$url = "https://api.binance.com/api/v1/ticker/allPrices";
$content = file_get_contents($url);
$json_data = json_decode($content, true);

foreach ($json_data as $value) {
    echo $value["symbol"] . '<br>';
}

2 个答案:

答案 0 :(得分:4)

您不需要插值括号{{}}。在这种情况下,[ngClass]正在寻找表达式,所以

[ngClass]="perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight'"

[ngClass]="[perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight']"

会奏效。

答案 1 :(得分:-1)

您希望{{}}中的整个表达式计算为您想要的类字符串

[ngClass]="{{perkResult.perk === perk.perk ? 'highlight' : 'none-hightlight'}}"