类型错误：无法分配给只读属性“检查”复选框

Question

我有以下checkbox我筛选，但是当我删除过滤器的checkboxes都将丢失。我理解为什么 - 但Angular不会让我将检查值附加到我的ng-model，因为它是只读。

HTML：

<div class="modal-content"> 
    <strong>ENTITIES</strong> 
    <div> 
     <div> 
      <input type="text" placeholder="Search" ng-model="simpleFilter"> 
      <button type="button" ng-click="showModal=false">Ok</button> 
     </div> 
    </div> 
    <br/> 
    <div ng-repeat="entity in entityArray | filter:simpleFilter"> 
     <label> 
      <input style="display: inline-block; 
          margin-top: 5px;" 
        type="checkbox" ng-model="entity.checked" 
        ng-change="getEntityFromModal(entity, entity.checked)" /> 
      <a>{{entity}}</a> 
     </label> 
    </div> 
</div> 

我想给entity.checked值传递给函数，我甚至不知道这是否是评估是否选中或falsey如果不truthy，但在此之前发生的错误，它根本不会让我附加checked到entity。

plunker https://plnkr.co/edit/2ptIAdOyaIw8mGqpU7Cp?p=preview - 打开控制台，并尝试检查一个盒子。

Answer 1

您需要创建一个你要绑定与视图模型中的财产。

编辑$ scope.entityArray如下：

$scope.entityArray = [{'val':11,'checked':false},{'val':22,'checked':false},{'val':33,'checked':false}];