删除 ng-model 中的 ng-model 输入值答案

【问题标题】：Delete ng-model input value in ng-model删除 ng-model 中的 ng-model 输入值
【发布时间】：2015-03-25 11:05:48
【问题描述】：

我对 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>

你能解释一下吗？

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat angular-ngmodel

【解决方案1】：

试试这个而不是函数

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

【讨论】：

【解决方案2】：

如果你想这样做，只需将当前元素传递给控制器

 <input type="button" ng-click="deleteRepeatValue(element)" value="Delete"/>

        </li>    



   $scope.deleteRepeatValue = function(element){
        element.valueModel = '';
    };

Fiddle

【讨论】：

@jsPadawan 如果它适合您，请接受它作为答案:)