Apply delay on ng-blur

Aditya Ponkshe

I am using ng-focus and ng-blur to show/hide a button. on focus of an input, a button is shown and on blur it is hidden. Show/hide is being performed using ng-show. On click of this button a function gets called.

Live Demo

Issue is that ng-blur us being called first and the button is getting hidden before the click event is fired, hence function which is to be called from that button is never getting called.

I have already fixed it by using setTimeout() but later found that it is not really a good solution. Is there any other way to fix this issue?

Ebrahimi

use ng-mouseover and ng-mouseleave change your button to

        <button ng-click="click()" ng-show="show||mouseover" ng-mouseover="mouseover=true" ng-mouseleave="mouseover=false">Click to change</button>

demo

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用typeahead插件时$ apply已经在执行中错误(发现与ng-focus + ng-blur相关)

来自分类Dev

对ng-blur应用延迟

来自分类Dev

在同一输入元素上应用ng-blur和keydown(以捕获输入键)显示$ apply已经在执行中错误

来自分类Dev

使用angularjs ng-blur调用javascript

来自分类Dev

Firefox上Karma中的ng-blur

来自分类Dev

Angular ng-blur正在触发焦点

来自分类Dev

如何在ng-blur之前调用ng-click?

来自分类Dev

Angular在输入字段上的ng-blur不起作用

来自分类Dev

ng-blur事件无法提供模型的更新值

来自分类Dev

在自定义指令中使用ng-blur

来自分类Dev

angularjs ng-blur在Chrome或Firefox中不起作用

来自分类Dev

在md-autocomplete上使用ng-blur吗?

来自分类Dev

angularjs ng-blur在Chrome或Firefox中不起作用

来自分类Dev

Angular:为什么ng-blur之后ng-submit无法正常工作?

来自分类Dev

ng-focus发射两次,ng-blur从不发射

来自分类Dev

为什么在使用ng-blur时ng-click不起作用?

来自分类Dev

AngularJS:为ng-repeat中的最后一个元素添加ng-blur事件

来自分类Dev

我们应该将ng-blur与ng-change一起使用吗?

来自分类Dev

ng-focus和ng-blur事件未在Angularjs中触发

来自分类Dev

如何通过ng-blur传递嵌套ng-repeat元素的局部范围?

来自分类Dev

ng-focus和ng-blur无法正常工作,而ng-click在输入元素中工作正常

来自分类Dev

ng-focus和ng-blur不起作用,而ng-click在输入元素中工作正常

来自分类Dev

$ scope。$ apply和ng-include

来自分类Dev

使用ng-blur和ui-sref无法正常工作

来自分类Dev

ng-blur如何不影响所有html元素

来自分类Dev

AngularJS | 使用ng-blur和条件变量验证电子邮件的唯一性

来自分类Dev

在 ng-blur 上,我正在更新绑定到输入的模型,但输入重新获得焦点

来自分类Dev

AngularJS:如果单击其他元素(使用ng-focus / ng-blur),如何不失去对元素的关注?

来自分类Dev

我们是否应该为绑定到ng-Blur或ng-foucs的函数添加返回类型?

Related 相关文章

  1. 1

    使用typeahead插件时$ apply已经在执行中错误(发现与ng-focus + ng-blur相关)

  2. 2

    对ng-blur应用延迟

  3. 3

    在同一输入元素上应用ng-blur和keydown(以捕获输入键)显示$ apply已经在执行中错误

  4. 4

    使用angularjs ng-blur调用javascript

  5. 5

    Firefox上Karma中的ng-blur

  6. 6

    Angular ng-blur正在触发焦点

  7. 7

    如何在ng-blur之前调用ng-click?

  8. 8

    Angular在输入字段上的ng-blur不起作用

  9. 9

    ng-blur事件无法提供模型的更新值

  10. 10

    在自定义指令中使用ng-blur

  11. 11

    angularjs ng-blur在Chrome或Firefox中不起作用

  12. 12

    在md-autocomplete上使用ng-blur吗?

  13. 13

    angularjs ng-blur在Chrome或Firefox中不起作用

  14. 14

    Angular:为什么ng-blur之后ng-submit无法正常工作?

  15. 15

    ng-focus发射两次,ng-blur从不发射

  16. 16

    为什么在使用ng-blur时ng-click不起作用?

  17. 17

    AngularJS:为ng-repeat中的最后一个元素添加ng-blur事件

  18. 18

    我们应该将ng-blur与ng-change一起使用吗?

  19. 19

    ng-focus和ng-blur事件未在Angularjs中触发

  20. 20

    如何通过ng-blur传递嵌套ng-repeat元素的局部范围?

  21. 21

    ng-focus和ng-blur无法正常工作,而ng-click在输入元素中工作正常

  22. 22

    ng-focus和ng-blur不起作用,而ng-click在输入元素中工作正常

  23. 23

    $ scope。$ apply和ng-include

  24. 24

    使用ng-blur和ui-sref无法正常工作

  25. 25

    ng-blur如何不影响所有html元素

  26. 26

    AngularJS | 使用ng-blur和条件变量验证电子邮件的唯一性

  27. 27

    在 ng-blur 上,我正在更新绑定到输入的模型,但输入重新获得焦点

  28. 28

    AngularJS:如果单击其他元素(使用ng-focus / ng-blur),如何不失去对元素的关注?

  29. 29

    我们是否应该为绑定到ng-Blur或ng-foucs的函数添加返回类型?

热门标签

归档