Угловое ngModelOptions - привязать значение к модели только при нажатии кнопки

Question

У меня есть поле ввода, привязанное к объекту модели, которое я не хочу связывать, пока пользователь не нажмет кнопку. Я прошел через 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> 

Как я могу привязать значение к модели только по щелчку кнопки или пользовательской функции? Должен ли я написать специальную директиву?

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