2015-10-05 111 views
1

我有一个CPF(巴西'社会保障'号码)的动态输入。AngularJS:ng-model不清除输入

每当我输入一个CPF时,应该显示另一个输入,等等。 但是由于某种原因,添加CPF后ng模型没有被清除。

这里是我的HTML(与分离范围指令内):

<div ng-repeat="cpf in cpfs" class="field-input"> 
    <input type="text" class="field" ng-model="cpf.number" required> 
    <label>added CPF</label> 
</div> 
<div class="field-input"> 
    <input type="text" class="field" ng-model="cpf.number" required> 
    <label>add new CPF</label> 
    <button ng-click="addCpf(cpf)" class="btn btn-primary">add</button> 
</div> 

这里是我的控制器(带隔离范围指令内):

$scope.cpfs = []; 

$scope.addCpf = function(cpf) { 
    $scope.cpfs.push(angular.copy(cpf));  
    delete $scope.cpf; 
}; 
+0

使用$ scope.cpf = undefined; –

回答

2

,而不是delete $scope.cpf;使用$scope.cpf.number = "";

我们不能删除模型,我们必须将其设置为空白,因为它与我们的视图部分

+1

请添加关于您的解决方案如何解决提问者问题的简要说明。 [答] –

+0

这个答案是对的,虽然我知道为什么 –

+0

我们不能删除一个模型,我们必须将它设置为空白,因为它与我们的View部分链接 – Punit