AngularJS:ng-model不清除输入

时间:2015-10-05 19:14:21

标签: javascript angularjs directive angular-ngmodel

我有CPF的动态输入(巴西'社会保障'号码)。

每次输入一个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;
 };

1 个答案:

答案 0 :(得分:3)

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

我们无法删除模型,我们必须将其设置为空白,因为它与我们的View部分链接