綁定div如果函數返回true

Question

如何僅在函數返回true時綁定元素;

<label class="hello" data-bind="if: myFunction">Hello World</label> 

function myFunction(n){ 
    if(n==2) return true; 
} 

它是可見的功能也返回false

Answer 1

的if結合應用於元素的內容。如果你希望元素本身消失，而不僅僅是其中的文本，你需要將標籤包裝在其他東西中，並將綁定應用於包裝。您也可以爲此使用虛擬綁定。

<--ko if: myFunction--> 
<label class="hello">Hello World</label> 
<!--/ko--> 

此外，對於您的函數來正確地更新它必須是一個計算的屬性，而不是一個正常功能，並n必須是可觀察的。

var n = ko.observable(); 
myFunction = ko.computed(function(){ 
    if(n()==2) return true; 
});