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

【问题标题】：Angular ngModelOptions - bind value to model only when button is clickedAngular ngModelOptions - 仅在单击按钮时将值绑定到模型
【发布时间】：2016-02-15 16:03:22
【问题描述】：

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

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

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

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

【问题讨论】：

标签： angularjs data-binding angular-ngmodel two-way

【解决方案1】：

您可以通过将字段包装在表单中来解决您的问题，然后在submit 上更新ng-model 上的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

【讨论】：

不知道为什么我没有想到这个！谢谢，太完美了！