Angular ngModelOptions - 僅在單擊按鈕時將值綁定到模型

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

你可以通過在表單中​​包裹你的字段來解決你的問題，然後在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