刷新輸入重置時的角度輸出

我在<form>中有幾個<input>字段。無論<form>（實際上只有引導程序將正確的樣式應用於內部字段），Angular都會從這些字段中獲取值。刷新輸入重置時的角度輸出

現在，我希望能夠重置字段，並且讓Angular更新與它們關聯的輸出。但是，常規的<input type="reset"/>按鈕不起作用。它會重置所有<input>字段的值，但Angular不會刷新基於其後的字段的輸出。

有什麼方法可以告訴Angular根據當前的字段狀態刷新輸出嗎？類似於ng-click="refresh()"？

2013-10-17 Jago

請發表演示小提琴：取空模板：http：//jsfiddle.net/SAWsA/710/ –

比方說，你有你的模式叫address。你有這個HTML表單。

<input [...] ng-model="address.name" /> 
<input [...] ng-model="address.street" /> 
<input [...] ng-model="address.postalCode" /> 
<input [...] ng-model="address.town" /> 
<input [...] ng-model="address.country" />

而你在角度控制器中有這個。

$scope.reset = function() { 
    $scope.defaultAddress = {}; 
    $scope.resetAddress = function() { 
     $scope.address = angular.copy($scope.defaultAddress); 
    } 
};

JSFiddle available here。

來源

2013-10-17 11:22:13

沒有任何方法可以重用輸入的實際默認值，而不必設置硬編碼值爲輸入？ – Jago

您應該將自己的值綁定到模型上。

<input ng-model="myvalue">

輸出：{{myvalue}}

$scope.refresh = function(){ 
    delete $scope.myvalue; 
}

的jsfiddle：http://jsfiddle.net/V2LAv/

還檢查了的$pristine這裏的用法示例： http://plnkr.co/edit/815Bml?p=preview

來源

2013-10-17 11:15:01 subZero

刷新輸入重置時的角度輸出

回答

相關問題