Angular js ng模型

Question

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

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

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

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

<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;