0

内にいくつかの<input>フィールドがあります<form>。Angular は、<form>(実際には Bootstrap が内部フィールドに適切なスタイルを適用するためだけにある) に関係なく、これらのフィールドから値を取得します。

ここで、フィールドをリセットできるようにしたいので、Angular に関連する出力も更新させます。ただし、通常の<input type="reset"/>ボタンは機能しません。すべてのフィールドの値をリセットしますが<input>、Angular はその後のフィールドに基づく出力を更新しません。

フィールドの現在の状態に基づいて出力を更新するようAngularに指示する方法はありますか? のような何かng-click="refresh()"？

4

2 に答える 2

1

というモデルがあるとし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はこちらから入手できます。

于 2013-10-17T11:22:13.330 に答える