html - 将 Angular 2 (click) 属性全局添加到 CSS

Question

在 Angular 1 中，你可以简单地添加

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

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

Answer 1

仅使用属性名称是不可能的。 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 无法实现此目的。