如何在 angular 2+ 中制作自定义加载按钮组件?

德伍德沃德gb

我的 angular 4 应用程序中的几乎所有按钮都有与之关联的异步操作。我目前正在每次单击按钮时手动向每个按钮添加一个加载微调器,并在操作结束时将其删除。

我意识到为时已晚,如果我只是有一个自定义按钮组件,它采用异步事件处理程序并自行添加/删除微调器,我可以为自己节省大量重构等时间。

我对 angular 2+ 比较陌生,我想知道解决这个问题的好方法是什么。我应该做一个自定义组件吗?或者只是一个自定义指令?我如何要求此类组件/指令的客户端为我提供异步事件处理程序?我是使用自定义属性还是对正常事件处理进行某种包装?

我不要求代码,只要求使用正确的功能,我可以从那里获取。

编辑:

当前通过相应组件中的布尔属性显示/隐藏图标元素来为每个按钮实现加载微调器功能。

卢卡斯·索伦森

编辑答案

<custom-button [clickFn]="onButtonClickHandler"></custom-button>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular2中制作自定义验证器

来自分类Dev

如何在ZF2表单中制作自定义单选按钮标签?

来自分类Dev

如何在Swift 2中制作按钮自定义形状的框架

来自分类Dev

Angular 2/4:如何使我的自定义组件只读

来自分类Dev

如何在Angular中创建自定义加载屏幕

来自分类Dev

如何使自定义管道可用于Angular 2中的所有组件?

来自分类Dev

如何使自定义管道可用于Angular 2中的所有组件?

来自分类Dev

如何在Angular2中制作容器组件

来自分类Dev

如何在angular 2中包含打字稿自定义类型定义?

来自分类Dev

如何在Angular2 / 4/5中实现自定义异步验证器

来自分类Dev

如何在Angular2中设置全局自定义标头?

来自分类Dev

如何在Angular2清晰度图标中添加自定义图标?

来自分类Dev

如何在请求中在 Angular 2 中提供自定义 RequestOptionsArgs?

来自分类Dev

如何在 Angular 2 中通信组件

来自分类Dev

NgSwitch中的Angular2自定义组件

来自分类Dev

如何在Flutter中制作自定义按钮形状

来自分类Dev

如何在自定义组件上定义方法?在AngularJS 2中

来自分类Dev

如何在Angular 9中创建自定义文本框组件

来自分类Dev

如何在Angular的自定义控件组件中触摸内部控件?

来自分类Dev

如何在 Angular 中“扩展”和包装自定义组件或本机元素?(以 React 为例)

来自分类Dev

Angular2如何绑定到自定义组件输入参数

来自分类Dev

如何在Angular2中使用不带ngModel的双向绑定编写自定义指令

来自分类Dev

如何在Dart中使用Angular2实现自定义验证器?

来自分类Dev

如何在 angular 2 中使用自定义 http 刷新访问令牌?

来自分类Dev

如何在Angular 2中利用URLSearchParams?

来自分类Dev

如何在Angular 2中关闭模态?

来自分类Dev

导入如何在Angular 2中工作?

来自分类常见问题

如何在Angular 2中取消HTTPRequest?

来自分类Dev

如何在Angular 2中包含模块

Related 相关文章

  1. 1

    如何在Angular2中制作自定义验证器

  2. 2

    如何在ZF2表单中制作自定义单选按钮标签?

  3. 3

    如何在Swift 2中制作按钮自定义形状的框架

  4. 4

    Angular 2/4:如何使我的自定义组件只读

  5. 5

    如何在Angular中创建自定义加载屏幕

  6. 6

    如何使自定义管道可用于Angular 2中的所有组件?

  7. 7

    如何使自定义管道可用于Angular 2中的所有组件?

  8. 8

    如何在Angular2中制作容器组件

  9. 9

    如何在angular 2中包含打字稿自定义类型定义?

  10. 10

    如何在Angular2 / 4/5中实现自定义异步验证器

  11. 11

    如何在Angular2中设置全局自定义标头?

  12. 12

    如何在Angular2清晰度图标中添加自定义图标?

  13. 13

    如何在请求中在 Angular 2 中提供自定义 RequestOptionsArgs?

  14. 14

    如何在 Angular 2 中通信组件

  15. 15

    NgSwitch中的Angular2自定义组件

  16. 16

    如何在Flutter中制作自定义按钮形状

  17. 17

    如何在自定义组件上定义方法?在AngularJS 2中

  18. 18

    如何在Angular 9中创建自定义文本框组件

  19. 19

    如何在Angular的自定义控件组件中触摸内部控件?

  20. 20

    如何在 Angular 中“扩展”和包装自定义组件或本机元素?(以 React 为例)

  21. 21

    Angular2如何绑定到自定义组件输入参数

  22. 22

    如何在Angular2中使用不带ngModel的双向绑定编写自定义指令

  23. 23

    如何在Dart中使用Angular2实现自定义验证器?

  24. 24

    如何在 angular 2 中使用自定义 http 刷新访问令牌?

  25. 25

    如何在Angular 2中利用URLSearchParams?

  26. 26

    如何在Angular 2中关闭模态?

  27. 27

    导入如何在Angular 2中工作?

  28. 28

    如何在Angular 2中取消HTTPRequest?

  29. 29

    如何在Angular 2中包含模块

热门标签

归档