我想在Knockout中做到這一點。Knockout JS css「else」conditons
<span class="badge" data-bind="text: rank, css: {'badge-success': firstPlace,
'badge-warning': !firstPlace}"></span>
在哪裏我的JavaScript的模型類有這個方法
self.firstPlace = ko.computed(function() {
return self.rank() == 1;
});
這未能出示工作證警告「級。我在數據綁定屬性中嘗試了一些調用變體,例如firstPlace == false
和(!firstPlace)
。相反,我必須在我的模型中添加第二種反轉方法:
<span class="badge" data-bind="text: rank, css: {'badge-success': firstPlace,
'badge-warning': notFirstPlace}"></span>
// YUCK
self.notFirstPlace = ko.computed(function() {
return self.rank() != 1;
});
當然,這是有效的。對於Knockout JS來說,這真的很有趣。但這似乎是錯誤的。任何人都有更好的方法?
接受!爲什麼我不嘗試?有時很難讓我的頭在何時使用parens,什麼時候不使用。我通常最終使用試驗和錯誤。我認爲這是我第一次注意到同一個數據綁定中的兩個簽名。 – carbontax
大多數綁定都是爲了語法而編寫的......如果沒有括號,它會手動執行它。括號不能被添加的唯一時候是當綁定是「輸出」時,比如'value:obs'。 –
只是救了我一些麻煩!感謝+1 –