Удалить значение ng-модели в ng-модели

Question

У меня есть вопрос о ng-модели в ng-repeat. Я подготовил пример.

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

Basicaly Я могу создать нг-модель на входе и удалить его значение, нажав кнопку, как это:

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

Однако при использовании нг повтора и делать то же самое, значение не может быть удалена.

<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"/> 

Answer 2

Если вы хотите сделать это просто передать текущий элемент в контроллер

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

     </li>  



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

Fiddle