Question

有两个按钮，通过它们打开弹出窗口，我在该弹出窗口中有输入字段，并在该输入字段上应用了验证。如果我关闭弹出窗口并单击第二个按钮，则输入值已经填满，因为我使用相同的输入字段来减少代码。

如何重置输入字段的ng-model值？

我尝试在单击关闭按钮时将其设置为null，但在单击第二个按钮后，它设置为null，但在第一次显示valiation错误。

如何使用相同的输入字段实现此功能？

<form name="vm.pvtZipCodeSearchForm" id="pvtZipCodeSearchForm" class="clearfix">
    <div class="alert alert-danger" ng-if="vm.errorMsg">{{vm.InvalidAddressError}}</div>
    <fieldset class="form-control form-control-wrapper">
        <div class="fields">
            <input type="text" class="form-control" placeholder="{{vm.lang.tcZipCode}}Postnummer*" title="{{vm.lang.tcZipCode}}*" name="zipCode" maxlength="5" ng-model="vm.tariff.zipCode" ng-maxlength="5" ng-minlength="5" ng-required="!disable" />
            <div ng-if="vm.isValidForm" class="error-message" ng-messages="vm.pvtZipCodeSearchForm.zipCode.$error" role="alert">
                <div ng-message="required">{{vm.lang.errMsgBlankField}}</div>
                <div ng-message="minlength">{{vm.lang.errMsgShortField}}</div>
                <div ng-message="maxlength">{{vm.lang.errMsgLongField}}</div>
            </div>
        </div>
        <br />
        <div class="fields tac">
            <button type="button" ng-click="vm.tcSearchZipCode()" class="tc___button--search">{{vm.lang.search}}</button>
        </div>
    </fieldset>
</form>

Answer 1

您可以尝试设置

vm.pvtZipCodeSearchForm.zipCode.$pristine = true;

角度js ng模型

1 个答案: