Question

我有一个绑定到模型对象的输入字段，在用户单击按钮之前我不想绑定它。我浏览了ng-model-option和updateOn，但似乎它们仅触发了blur和focus等开箱即用的JS事件。

<input ng-model="modelobject" ng-model-options="{updateOn: confirmButtonClick}">

<button id="confirmButton" role="confirm" ng-click="confirmButtonClick == true" class="confirm-btn">Confirm</button>

如何仅在单击按钮或自定义函数时才将值绑定到模型？我需要编写自定义指令吗？

Answer 1

您可以通过将字段包装在表单中，然后更新ng-model表单submit上的ng-model-options="{updateOn: 'submit'}"来解决您的问题。

<强> HTML

<form name="myForm">
  <input ng-model="modelobject" ng-model-options="{updateOn: 'submit'}">
  <button id="confirmButton" role="confirm" class="confirm-btn">
    Confirm
  </button>
</form>

Working Plunkr

Angular ngModelOptions - 仅在单击按钮时将值绑定到模型

1 个答案: