KnockoutJS - 停用繫結

此繫結是對啟用繫結的否定操作。該繫結在引數計算為 true 時停用關聯的 DOM 元素。

語法

disable: <binding-value>

引數

引數包括布林值型別的值，該值決定元素是否應被停用。如果引數為 true 或類似 true 的值，則停用該元素。
非布林值將被視為弱布林值。這意味著 0 和 null 被視為類似 false 的值，而整型和非空物件被視為類似 true 的值。
如果引數中的條件包含可觀察的值，則每當可觀察的值發生更改時，此條件都會重新計算。相應地，基於條件結果，相關標記將被停用。

示例

讓我們看一個演示停用繫結的示例。

即時演示

<!DOCTYPE html>
   <head>
      <title>KnockoutJS Disable Binding</title>
      <script src = "https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.3.0.js"
         type = "text/javascript"></script>
   </head>

   <body>
      <p> Enter your feedback here:<br><br>
         <textarea rows = 5 data-bind = "value: hasFeedback, 
            valueUpdate: 'afterkeydown'" ></textarea>
      </p>
      
      <p><button data-bind = "disable: !(hasFeedback())">Save Feedback</button></p>

      <script type = "text/javascript">
         function ViewModel () {
            hasFeedback = ko.observable('');
         };

         var vm = new ViewModel();
         ko.applyBindings(vm);
      </script>
      
   </body>
</html>

輸出

讓我們執行以下步驟，瞭解上述程式碼如何工作 -

將上述程式碼儲存到 disable-bind.htm 檔案中。
在瀏覽器中開啟此 HTML 檔案。
當用戶尚未輸入任何反饋時，儲存按鈕被停用。

你還可以使用隨機表示式來決定是否停用元素。

knockoutjs_declarative_bindings.htm

列印頁面

上一個

下一個