如何将光标指针属性应用于(单击)事件处理程序?

加雷特·韦伯斯特
<i class="cursor-pointer" (click)="sort()"></i>

我们的代码库有很多这样的冗余类。我一直在寻找一种方法,只要有(单击)事件处理程序,就可以应用光标指针属性。

在角度2之前,您可以将css应用于角度属性,但这不再可能。更改ngclick上的鼠标指针

[ng-click]{
    cursor: pointer;
}
塔拉赫

您可以创建一个指令,该指令通过单击绑定选择所有元素并应用样式。

click.cursor.directive.ts:

@Directive({
  selector: '[click]'
})
export class ClickCursorDirective {
  @HostBinding('style.cursor') cursor: string = 'pointer';
}

app.component.html:

<div (click)="onClick()">Button</div>

这是一个Stackblitz演示

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将事件处理程序应用于动态控制

来自分类Dev

jQuery处理程序-如何将操作应用于动态添加的元素

来自分类Dev

如何将点击处理程序应用于模板内的多个元素-EXTJS

来自分类Dev

如何将弧度应用于多个调整大小的拖动处理程序

来自分类Dev

如何将NUnit属性应用于部件

来自分类Dev

如何将CSS应用于html属性

来自分类Dev

如何将css应用于标签的属性?

来自分类Dev

将路由的事件处理程序应用于应用程序栏按钮

来自分类Dev

如何在不刷新标签的情况下将事件处理程序应用于新元素?

来自分类Dev

使用Hammer库将代理函数应用于事件处理程序

来自分类Dev

将一键式事件处理程序应用于多个元素

来自分类Dev

将jQuery事件处理程序应用于相同类型的所有元素

来自分类Dev

如何在Vue.js中使用rowspan将指针事件应用于简单表?

来自分类Dev

单击拇指时,如何将淡入/淡出应用于全尺寸图像?

来自分类Dev

如何将单击的命令应用于面板菜单以展开反应?

来自分类Dev

单击选项后如何将CSS样式应用于选择框?

来自分类Dev

如何将类应用于仅单击/选定的 div

来自分类Dev

当循环显示时,如何将onclick事件应用于html标签

来自分类Dev

如何将多个click事件侦听器应用于android中的图像

来自分类Dev

循环显示时如何将onclick事件应用于html标签

来自分类Dev

如何将DigiCert EV证书应用于ClickOnce应用程序

来自分类Dev

如何将基于声明的身份验证应用于.NET 4应用程序?

来自分类Dev

如何将应用程序图标应用于Theme.DeviceDefault.Light.DarkActionBar?

来自分类Dev

如何将父应用程序的布局和资产应用于已安装的引擎?

来自分类Dev

如何将年龄限制应用于 Android 应用程序?

来自分类Dev

如何将多处理应用于滑动窗口

来自分类Dev

如何将后处理方面应用于网站项目?

来自分类Dev

如何将CSS样式应用于自定义属性

来自分类Dev

如何将属性应用于继承树中的单个类型?

Related 相关文章

  1. 1

    将事件处理程序应用于动态控制

  2. 2

    jQuery处理程序-如何将操作应用于动态添加的元素

  3. 3

    如何将点击处理程序应用于模板内的多个元素-EXTJS

  4. 4

    如何将弧度应用于多个调整大小的拖动处理程序

  5. 5

    如何将NUnit属性应用于部件

  6. 6

    如何将CSS应用于html属性

  7. 7

    如何将css应用于标签的属性?

  8. 8

    将路由的事件处理程序应用于应用程序栏按钮

  9. 9

    如何在不刷新标签的情况下将事件处理程序应用于新元素?

  10. 10

    使用Hammer库将代理函数应用于事件处理程序

  11. 11

    将一键式事件处理程序应用于多个元素

  12. 12

    将jQuery事件处理程序应用于相同类型的所有元素

  13. 13

    如何在Vue.js中使用rowspan将指针事件应用于简单表?

  14. 14

    单击拇指时,如何将淡入/淡出应用于全尺寸图像?

  15. 15

    如何将单击的命令应用于面板菜单以展开反应?

  16. 16

    单击选项后如何将CSS样式应用于选择框?

  17. 17

    如何将类应用于仅单击/选定的 div

  18. 18

    当循环显示时,如何将onclick事件应用于html标签

  19. 19

    如何将多个click事件侦听器应用于android中的图像

  20. 20

    循环显示时如何将onclick事件应用于html标签

  21. 21

    如何将DigiCert EV证书应用于ClickOnce应用程序

  22. 22

    如何将基于声明的身份验证应用于.NET 4应用程序?

  23. 23

    如何将应用程序图标应用于Theme.DeviceDefault.Light.DarkActionBar?

  24. 24

    如何将父应用程序的布局和资产应用于已安装的引擎?

  25. 25

    如何将年龄限制应用于 Android 应用程序?

  26. 26

    如何将多处理应用于滑动窗口

  27. 27

    如何将后处理方面应用于网站项目?

  28. 28

    如何将CSS样式应用于自定义属性

  29. 29

    如何将属性应用于继承树中的单个类型?

热门标签

归档