Angular 2 (Klick) Hinzufügen Attribut global zu CSS

Question

In Angular 1 Sie einfach

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

und alle Tags mit dem Attribut ng-click würde nun den Zeiger Cursor haben jetzt hinzufügen könnte. Wie können wir das Attribut Angular 2 (click) auf die gleiche Weise hinzufügen?

Answer 1

Dies ist nicht möglich, wenn nur der Name eines Attributs verwendet wird. Angular 2 ändert diese Vorlage:

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

zu diesem DOM:

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

Da es keine Möglichkeit gibt, einen Platzhalter Attributnamen CSS-Selektor angeben (dh [_ngcontent-*] { cursor: pointer }, gibt es keine Möglichkeit, dies mit zu erreichen nur CSS.