2015-10-05 46 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