html – 全局向CSS添加Angular 2(click)属性

在Angular 1中,您可以简单地添加

[ngClick],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

现在所有带有ng-click属性的标签都会有指针光标.我们如何以相同的方式添加Angular 2(click)属性?

最佳答案 仅使用属性名称是不可能的. Angular 2更改此模板:

<div>
    <h2>Hello {{name}}</h2>
    <div (click)="sayhi()"></div>
</div>

到这个DOM:

 <div _ngcontent-xwy-0="">
     <h2 _ngcontent-xwy-0="">Hello Angular2</h2>
     <div _ngcontent-xwy-0=""></div>
  </div>

由于无法指定通配符属性名称CSS选择器(即[_ngcontent- *] {cursor:pointer},因此无法使用CSS实现此目的.

点赞