禁用啟用
禁用的繫結將 disabled
屬性新增到 html 元素,導致其不再可編輯或可單擊。這主要用於 <input>
,<select>
,<textarea>
,<a>
和 <button>
元素
<input data-bind="disabled: disableInput"/>
<script type="text/javascript">
var viewModel = {
disableInput: ko.observable(true);
};
</script>
disabled
繫結的反轉是 enabled
還可以使用 JavaScript 函式計算可見性。此函式中使用的任何可觀察物件都必須使用括號呼叫
<script type="text/javascript">
var viewModel = {
disableInput: ko.observable(true);
};
</script>
要麼
<input data-bind="disabled: allValues().length>4"/>
<script type="text/javascript">
var viewModel = {
allValues: ko.observableArray([1,2,3,4,5]);
};
</script>