在视图模型中设置 isActive 然后选中复选框答案

【问题标题】：Set isActive in view model then checkbox is checked在视图模型中设置 isActive 然后选中复选框
【发布时间】：2014-12-05 07:58:06
【问题描述】：

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

TypeScript 视图模型：

class ModelViewModel{
 products:KnockoutObservableArray<Product>;

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

TypeScript 模型：

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>

【问题讨论】：

什么不起作用？你有什么问题？
@nemesv，我需要更改对象数组中的复选框状态

标签： data-binding knockout.js typescript

【解决方案1】：

您只需使用不同的绑定，checked 而不是value。

The "checked" binding.

【讨论】：