AngularJS-聚焦时暂停输入字段的绑定

约翰89er

我有一个看起来像这样的数据对象:

$scope.data = { value1: 'anyValue', value2: 'anyValue'};

每秒将通过轮询更新此数据对象。

在视图中,我正在输入字段中显示数据,例如:

<input type="number" ng-model="data.value1"/>
<input type="number" ng-model="data.value2"/>

用户应该能够集中输入字段之一并输入一个值。现在这是不可能的,因为当数据对象被更新时,在字段中所做的所有更改都会被覆盖。

我不想暂停整个轮询过程,因为其他输入字段仍应显示其更新值。

什么是仅在焦点输入字段处于焦点状态时才暂停其绑定的最佳方法?

亚伦·史威默(Yaron Schwimmer)

我建议您执行以下操作:

<input type="number" ng-model="data.value1" ng-focus="onFocus('value1')" ng-blur="onBlur('value1')"/>
<input type="number" ng-model="data.value2" ng-focus="onFocus('value2')" ng-blur="onBlur('value2')"/>

在您的控制器中,类似:

$scope.onFocus = function(key) {        
    $scope.preventChange = key;
}; 

$scope.onBlur = function(key) {        
    $scope.preventChange = null;
};

然后,每当进行轮询和更新时,请检查您要更新的数据密钥是否为中的一个$scope.preventChange,如果是,则不要更改它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS-集中输入时暂停输入字段的绑定

来自分类Dev

在angularjs中聚焦某个输入字段

来自分类Dev

在angularjs中聚焦特定的输入字段

来自分类Dev

聚焦多个字段的angularjs

来自分类Dev

如何将选择框选择与输入字段绑定。AngularJS

来自分类Dev

使用AngularJS动态生成输入字段+ ng-change绑定

来自分类Dev

填充输入字段angularJs

来自分类Dev

填充输入字段angularJs

来自分类Dev

如何将输入字段绑定到模式输入字段AngularJS

来自分类Dev

使用ControllerAs时Angularjs监视Array的输入绑定更改

来自分类Dev

AngularJS:输入字段为空时禁用按钮

来自分类Dev

AngularJS:仅在输入字段中有值时显示列表

来自分类Dev

输入框隐藏时angularjs清除后备字段

来自分类Dev

AngularJS:在一个输入中,当没有聚焦时如何显示“ $ 50,000.00”,而在聚焦时如何显示“ 50000”?

来自分类Dev

AngularJS输入字段焦点事件?

来自分类Dev

angularjs无法更新输入字段

来自分类Dev

输入字段的angularjs验证错误

来自分类Dev

输入字段的样式字体(Angularjs)

来自分类Dev

AngularJS ng显示并聚焦

来自分类Dev

使用ng-repeat聚焦动态创建的输入-AngularJS

来自分类Dev

AngularJS绑定模型,以选择带有最小最大值的更新输入数字字段

来自分类Dev

angularjs,在输入字段中输入不提交

来自分类Dev

隐藏输入和AngularJS ng模型绑定

来自分类Dev

如何使用angularjs绑定输入类型=“日期”

来自分类Dev

绑定输入变得不专注于angularjs

来自分类Dev

输入类型单选无绑定的模型angularjs

来自分类Dev

当无效时,如何防止AngularJS将表单输入的值从其模型中解除绑定?

来自分类Dev

angularJS绑定到输入的输入键,如果输入是按钮则提交

来自分类Dev

AngularJS-DRY(输入字段,函数,指令)

Related 相关文章

  1. 1

    AngularJS-集中输入时暂停输入字段的绑定

  2. 2

    在angularjs中聚焦某个输入字段

  3. 3

    在angularjs中聚焦特定的输入字段

  4. 4

    聚焦多个字段的angularjs

  5. 5

    如何将选择框选择与输入字段绑定。AngularJS

  6. 6

    使用AngularJS动态生成输入字段+ ng-change绑定

  7. 7

    填充输入字段angularJs

  8. 8

    填充输入字段angularJs

  9. 9

    如何将输入字段绑定到模式输入字段AngularJS

  10. 10

    使用ControllerAs时Angularjs监视Array的输入绑定更改

  11. 11

    AngularJS:输入字段为空时禁用按钮

  12. 12

    AngularJS:仅在输入字段中有值时显示列表

  13. 13

    输入框隐藏时angularjs清除后备字段

  14. 14

    AngularJS:在一个输入中,当没有聚焦时如何显示“ $ 50,000.00”,而在聚焦时如何显示“ 50000”?

  15. 15

    AngularJS输入字段焦点事件?

  16. 16

    angularjs无法更新输入字段

  17. 17

    输入字段的angularjs验证错误

  18. 18

    输入字段的样式字体(Angularjs)

  19. 19

    AngularJS ng显示并聚焦

  20. 20

    使用ng-repeat聚焦动态创建的输入-AngularJS

  21. 21

    AngularJS绑定模型,以选择带有最小最大值的更新输入数字字段

  22. 22

    angularjs,在输入字段中输入不提交

  23. 23

    隐藏输入和AngularJS ng模型绑定

  24. 24

    如何使用angularjs绑定输入类型=“日期”

  25. 25

    绑定输入变得不专注于angularjs

  26. 26

    输入类型单选无绑定的模型angularjs

  27. 27

    当无效时,如何防止AngularJS将表单输入的值从其模型中解除绑定?

  28. 28

    angularJS绑定到输入的输入键,如果输入是按钮则提交

  29. 29

    AngularJS-DRY(输入字段,函数,指令)

热门标签

归档