Anguler 2画像またはdiv上でマウスアイコンを変更

Question

Anguler2とフロントエンド開発には一般的に新しく、 私はドーム分割をクリック可能にしようとしていますが、問題はマウスが形状を手に変更していないことですそれは私が「PRODUCTS」をクリックすると、アプリが何かを印刷したいのdivコンテンツ の上に来て、それはそれをやっているが、マウスの形状がexample.component.html

<div (click)="navigateToProducts()" > PRODUCTS</div> 

「PRODUCTS」

を切り替えるされていません

example.component.ts

public navigateToProducts(){ 
    console.log("navigateToProducts"); 
} 

Answer 1

私はあなたがそのようなあなたのdivにクラスを追加すべきだと思う：

<div (click)="navigateToProducts()" class="myClass"> PRODUCTS</div> 

（またはNG-クラス、私は角度を使用していないかわからない）

し、その後であなたのCSSファイル：

.myClass { 
    cursor: pointer; 
} 

このヘルプ！

Answer 2

あなたは、マウスの形状を変更するためには、インラインCSSを書くことができ

<div style="cursor:pointer" (click)="navigateToProducts()" > PRODUCTS</div>