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

Question

我有一个绑定到模型对象的输入字段，在用户单击按钮之前我不想绑定它。我经历了ng-model-optionand updateOn，但似乎它们只触发开箱即用的 JS 事件，例如blurand focus。

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

工作Plunkr