绑定 – 如何让ng模型不立即更新?

前端之家收集整理的这篇文章主要介绍了绑定 – 如何让ng模型不立即更新?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
码:
<input type="text" ng-modal="name" />
{{name}}

当输入内容时,以下{{name}}将立即更改。是否可以配置它,只在我输入所有字符并保留输入后才更新名称

更新

正如许多人所说,Angular现在已经使用ng-model-options指令来内置支持这一点。查看更多here

<input type="text" ng-model="name" ng-model-options="{updateOn: 'blur'}" />

老回答如下:

ng-model没有内置的选项可以改变这种行为,但是你可以编写一个自定义的指令。 @Gloopy写了一个这样的指令for another question.你可以看看小提琴here

该指令从输入和keydown事件中注销,每次触发后触发更新。

<input type="text" ng-model="name" ng-model-onblur />

更新:

更新的小提琴使用最新的稳定AngularJS(1.2.16写作),而不是直接引用github的主版本。

添加了明确的优先级,以便在ng-model之后运行指令,以确保事件侦听器正确更改。

原文链接:https://www.f2er.com/angularjs/144967.html

猜你在找的Angularjs相关文章