[英]KnockoutJS css and class in the same binding
Despite the section in https://knockoutjs.com/documentation/css-binding.html i wasnt able to use css and class together, instead I could use two different css bindings: http://jsfiddle.net/g9sot5qb/
我做錯了什么還是文檔不准確?
<span class="cls1 cls2" data-bind="text: title,css: {active: active}, class: myClass" ></span>
<span class="cls1 cls2" data-bind="text: title,css: {active: active}, css: myClass" ></span>
class
綁定是 Knockout 3.5
版功能。
從 v 3.5發行說明:
新的 class 綁定支持動態 class 字符串。
這允許您一起使用 css 和 class 綁定來支持設置 CSS 類的兩種方法。
您的 jsfiddle 使用的是舊版本。
另請注意, observable active
必須具有true
值才能應用css class
'active'
。
請參閱下面的(可運行)示例,其中class
和css
綁定都處於活動狀態。
var viewModel= { myClass: ko.observable('test'), title: ko.observable('Title'), active: ko.observable(true) }; ko.applyBindings(viewModel);
.test{ color: red }.active { font-size: 32px; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-min.js"></script> <span class="cls1 cls2" data-bind="text: title, css: {active: active}, class: myClass" ></span>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.