如何在用户的操作上编辑数组的特定元素

时间:2013-01-12 18:11:21

标签: angularjs

我有一个我正在数据绑定的对象数组 -

$scope.records = [
    {field: "Full Name", value: "Joe Hanigan", isVisible: true},
    {field: "Age", value: "52 Years", isVisible: true},
    {field: "Diagnosis", value: "Common Cold", isVisible: true},
    {field: "Hospital Elum", value: "Alpha Lopus Epsum", isVisible: false},
    {field: "Hospital Code", value: "CKD34-23", isVisible: false}
  ];

我只是将'field'和'isVisible'显示为复选框。我想在用户检查/取消选中浏览器中的框时切换'isVisisble'的值。

我该怎么做?

1 个答案:

答案 0 :(得分:3)

我假设您在ng-repeat中使用数组,您将在其中定义类型为复选框的输入字段。您使用ng-model将字段绑定到模型:

<div ng-repeat="record in records">
   <input type="checkbox" name="isVisible" ng-model="record.isVisible">
</div>