Data binding 在视图模型中设置为活动,然后选中复选框
我需要为视图模型中的每个isActive值设置true或false,然后在客户端表中选中或不选中复选框。我无法使用更改isActive值实现数据绑定 TypeScript视图模型: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[]>(); } } 类模型视图模型{
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>