AngularJS: ng-model 没有清除输入

Question

我有一个 CPF 的动态输入（巴西 'social security' 号码）。

每次我输入一个CPF，应该显示另一个输入，依此类推.. 但是由于某些原因，在添加CPF后，ng-model并没有被清除。

这是我的 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;
 };

Answer 1

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

我们无法删除模型，我们必须将其设置为空白，因为它与我们的视图部分相关联

AngularJS: ng-model 没有清除输入

AngularJS: ng-model not clearing input

javascript

directive

angularjs

angular-ngmodel