[英]data-bind not working for conditional display of a div
我有以下非常簡單的代碼示例來測試div的條件顯示。 由於某種原因,它無法正常工作,我想知道是否有人遇到過它。 我正在使用淘汰賽3.0.0.js.
這是我的HTML
<div data-bind="if: displayDetail">
HERE IS THE DETAIL <label data-bind="text: displayDetail"></label>
</div>
<div data-bind="ifnot: displayDetail">
THERE IS NO DETAIL <label data-bind="text: displayDetail"></label>
</div>
<button data-bind='click: flip'>Flip</button>
這是我的Javascript
function BooleanViewModel() {
var self = this;
self.displayDetail = ko.observable(false);
// Operations
self.flip = function() {
//alert("val is " + self.displayDetail);
if(self.displayDetail){
self.displayDetail = false;
}else{
self.displayDetail = true;
}
};
}
ko.applyBindings(new BooleanViewModel());
請讓我知道是否看到我錯過的任何內容
每個observable是一個函數,因此要獲取或設置值,您應該使用()
:
self.flip = function() {
//alert("val is " + self.displayDetail());
if(self.displayDetail()){
self.displayDetail(false);
}else{
self.displayDetail(true);
}
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.