設置isActive在視圖模型，然後複選框被選中

Question

我需要設置每個isActive值在視圖模型中爲true或false，然後在客戶端表中檢查或未選中複選框。

class ModelViewModel{ 
products:KnockoutObservableArray<Product>; 

    constructor() { 
    products = ko.observableArray<Product[]>(); 
} 
} 

打字稿型號：變革isActive值

打字稿視圖模型我無法實現數據綁定

class Product{ 
name: KnockoutObservable<string>; 
isActive: KnockoutObservable<boolean>; 
} 

constructor() { 
this.name = ko.observable<string>(); 
this.isActive = ko.observable<boolean>(); 
} 

HTML：

<table class="table table-bordered"> 
    <tbody data-bind="foreach: vm.products"> 
     <tr> 
      <td><input type="checkbox" id="chekBx" data-bind="value: isActive"></td> 
      <td><span data-bind="text: name"></span></td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

您只需使用一個不同的綁定，checked而不是value。

The "checked" binding。