angularjs - 在失去对输入控制的关注之后更新模型

Question

在此代码中:

<input class="form-control" ng-model="actionText" />

当用户在其中键入内容时，AngularJS将更新模型actionText。如果此模型在其他地方(例如在 Controller 中)使用，则在键入每个字符时都会对其进行更新。我可以想到实际上可能是一件坏事的情况。也许您只希望模型值在用户将焦点从输入移到其他位置之后(例如，当您需要在输入完成后验证输入时)。我可以使用Javascript的blur函数来设置处理程序，以确定何时失去焦点，但这似乎与Angular的意图背道而驰。输入失去焦点后，是否有AngularJS更新模型的方法？

Answer 1

您可以为此使用ngModelOptions指令。使用ngModelOptions，您可以进一步完善ngModel指令的工作方式。为了达到您的要求，您可以像这样使用它:

<input class="form-control" ng-model="actionText" 
   ng-model-options="{ updateOn: 'blur'}"/>

您可以在 Angular 文档中找到更多信息和一个工作示例: https://docs.angularjs.org/api/ng/directive/ngModelOptions