如何防止ng-model绑定属性填充输入字段

时间:2016-06-01 12:04:37

标签: javascript jquery html angularjs

我的项目有一个带有输入字段和按钮的表单。

<input id="inputID" form="IDForm" type="text" autocomplete="off" data-ng-model="User.getInfo().ID" placeholder="Enter ID">

<button form="IDForm" type="submit" class="forward-button" ng-if="User.getID()"  data-ng-click="sendID()">
  Verify ID
</button>

目前,ng-if会在用户输入ID之前不显示该按钮。当他们输入ID并单击验证ID时,它们将转到下一页。但是,如果他们从该页面返回,则输入字段会自动填充之前输入的ID,因为双向ng-model绑定。有没有办法阻止输入字段在页面加载时自动填充该绑定属性?

1 个答案:

答案 0 :(得分:2)

启用该按钮后,将当前表单设置为原始状态$scope.form.$setPristine();,这样即使您按回来也会确保表单值不会populated并且会出现在initial state中}。