Anguler 2在圖像或div上更改鼠標圖標

Question

我對Anguler2和前端開發一般都很陌生， 我正在嘗試讓圓頂分區可點擊，但問題在於，mous未將形狀更改爲手談到在DIV內容 我希望應用程序打印的東西時，我的「產品」，並點擊它做它，但鼠標形狀沒有改變過「產品」

example.component.html

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

example.component.ts

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

Answer 1

我想你應該添加一個類你DIV這樣的：

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

（或納克級，我不知道我不使用角）

，然後在你的css文件：

.myClass { 
    cursor: pointer; 
} 

希望對你有所幫助！

Answer 2

你可以寫在行CSS來改變鼠標形狀

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