角度 2 在图像或 div 上更改鼠标图标

Question

我对Angular2和前端开发很陌生，我正在尝试使圆顶分区可点击，但问题是鼠标在div 内容上时没有改变手的形状我希望应用程序在我单击"产品"时打印一些东西，它正在这样做，但鼠标形状没有在"产品"上改变

示例.组件.html

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

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>