Data binding 在视图模型中设置为活动,然后选中复选框

Data binding 在视图模型中设置为活动,然后选中复选框,data-binding,knockout.js,typescript,Data Binding,Knockout.js,Typescript,我需要为视图模型中的每个isActive值设置true或false,然后在客户端表中选中或不选中复选框。我无法使用更改isActive值实现数据绑定 TypeScript视图模型: class ModelViewModel{ products:KnockoutObservableArray<Product>; constructor() { products = ko.observableArray<Product[]>(); } } 类模型视图模型{

我需要为视图模型中的每个isActive值设置true或false,然后在客户端表中选中或不选中复选框。我无法使用更改isActive值实现数据绑定

TypeScript视图模型:

class ModelViewModel{
 products:KnockoutObservableArray<Product>;

  constructor() {
   products = ko.observableArray<Product[]>();
 }
}
类模型视图模型{
产品:击出式耳环;
构造函数(){
产品=ko.observearray();
}
}
类型脚本模型:

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

constructor() {
 this.name = ko.observable<string>();
 this.isActive = ko.observable<boolean>();
}
类产品{
名称:KnockoutObservable;
isActive:可观察到的敲除;
}
构造函数(){
this.name=ko.observable();
this.isActive=ko.observable();
}
HTML:


您只需使用不同的绑定,
已选中
,而不是


.

什么不起作用?你的问题是什么?@nemesv,我需要更改对象数组中的复选框状态
<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>