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

加雷特·韦伯斯特
<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 条评论
登录 后参与评论

相关文章

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

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

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

如何将NSApplicationPresentationOptions应用于应用程序?

如何将UIAppearance代理属性应用于UILabel?

如何将NUnit属性应用于部件

如何将CSS应用于html属性

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

如何将[[nodiscard]]属性应用于lambda?

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

如何使类文件将事件处理程序应用于除自身之外的主舞台上的实例或对象?

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

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

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

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

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

如何将css仅应用于然后单击循环中的按钮旁边的元素

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

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

如何将全局滚动事件应用于多个React组件?

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

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

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

如何将 Material Theme 应用于应用程序(活动)中的所有按钮?

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

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

如何将微服务架构应用于投票应用程序?

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

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