Anguler 2在图像或div上更改鼠标图标

Question

我对Anguler2和一般的前端开发都很陌生， 我正在尝试使圆顶分区可点击但问题是，当它来到div内容时，mous不会改变形状到手 我希望应用程序在我点击＆＃34;产品＆＃34;它正在这样做，但鼠标形状没有改变＆＃34;产品＆＃34;

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>

（或ng-class，我不知道我不会使用角度）

然后在你的css文件中：

.myClass {
   cursor: pointer;
}

希望这有帮助！

Answer 2

您可以编写内嵌css来更改鼠标形状

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