Angular 2 ng-model-options="{updateOn: '改变模糊'}"答案

【问题标题】：Angular 2 ng-model-options="{updateOn: 'change blur'}"Angular 2 ng-model-options="{updateOn: '改变模糊'}"
【发布时间】：2017-07-13 18:58:39
【问题描述】：

我正在使用angular 2，我想在回车后更改ngModel，在角度1.X中我们可以使用ng-model-options="{updateOn: 'change blur'}"，但是在角度2中我们该怎么办？

角度 1.x

<input class="form-control value-max" type="text" ng-model="$ctrl.filterData.price_max" ng-model-options="{updateOn: 'change blur'}">

【问题讨论】：

你想完成什么？我不知道ng-model-options="{updateOn: 'change blur'}" 应该做什么。
当您在文本字段中键入内容时，它不会反映在按键上，它会在 ENTER 键按下或模糊后反映。我想在角度 2 中做同样的事情。
您可以使用(blur)="..."，但这与ngModel无关。

标签： javascript angularjs angular typescript

【解决方案1】：

Angular2 不允许您以这种方式修改 ngModel 的行为。

你可以使用

<input [(ngModel)]="filterData.price_max" 
       (ngModelChange)="doSomething($event)">

【讨论】：

这实际上并没有做 dinesh 要求的事情，另外，angular guys say 在 stackoverflow 上发布了对它的请求
@user292701 你是对的。 Angular 目前不支持这一点。最近有更新github.com/angular/angular/pull/18408，但尚未合并。

【解决方案2】：

从 Angular 5 开始，这是可能的！你可以在你的模板中写：

<input [(ngModel)]="firstName" [ngModelOptions]="{updateOn: 'blur'}">

更多信息请参见： https://next.angular.io/api/forms/NgModel#options

【讨论】：