我有一个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;
};
最佳答案
代替delete $scope.cpf;
使用$scope.cpf.number = "";
我们无法删除模型,我们必须将其设置为空白,因为它与我们的View部分链接