如何将输入字段中的文本设置为空？

Question

单击按钮后，我需要将3个输入字段中的文本重置为空。 当我单击“ Speichern”按钮时，文本保留在输入字段中，但我希望单击后这些输入字段为空。

<div class="cInputChangePWColor">
   <div class="cClearFloat cInputSpace">
      <input class="cInputWidth" placeholder="Altes Passwort" ng-model="passwordOld">
   </div>
   <div class="cClearFloat cInputSpace">
       <input class="cInputWidth" placeholder="Neues Passwort" ng-model="passwordNew">
   </div>
   <div class="cClearFloat cInputSpace">
       <input class="cInputWidth" placeholder="Passwort bestätigen" ng-model="passwordNewConfirmed">
   </div>
   <div class="cClearFloat cButtonPosition">
       <button class="cButtonSpeichernSettings" ng-click="showAlertchangePassword(); setTextDefault()">Speichern</button>
       <button class="cButtonAbbrechenSettings" ng-click="isShownchangePw = false; isShownSettings = false">Abbrechen</button>
   </div>
</div>

我这样尝试过，但是没有用。

$scope.setTextDefault = function() {
    $scope.passwordOld == '';
    $scope.passwordNew == '';
    $scope.passwordNewConfirmed == '';
}

Answer 1

更改$scope.passwordOld == ''; 到$scope.passwordOld = '';

Answer 2

$scope.reset = function(form) {

    var fields = Object.keys(form).filter(function(key) {
        return (key.indexOf('$') !== 0);
    });

    for (var i = 0; i < fields.length; i++) {
        var name = fields[i];
        var field = form[name];
        field.$setViewValue(undefined);
        field.$render();
    }

    form.$setPristine();
    form.$setUntouched();


};

您也可以使用重置功能。 您只需要将DOM包装在Form然后传递$scope.formName即可重置功能。