javascript - 删除 ng-model 中的 ng-model 输入值

Question

我对 ng-repeat 中的 ng-model 有疑问。我准备了例子。

https://jsfiddle.net/0ff3btv2/1/

基本上我可以在输入中创建 ng-model 并通过单击这样的按钮删除它的值:

   <ul ng-controller="deleteCtrl">
     <li>
       <input type="text" ng-model="valueModel" placeholder="enter value" />
       <input type="button" ng-click="deleteValue()" value="Delete" />
     </li>    
   </ul>

但是当使用 ng-repeat 并执行相同操作时，无法删除值。

<ul ng-controller="deleteRepeatCtrl">
  <li ng-repeat="element in data">
    <input type="text" ng-model="element.valueModel" 
                placeholder="{{element.firstName}}" />
    <input type="button" ng-click="deleteRepeatValue()" value="Delete"/>
  </li>    
</ul>

你能解释一下吗？

Answer 1

试试这个而不是函数

<input type="button" ng-click="element.valueModel=null" value="Delete"/>