Angular Material不能将md-card设置为锚点

Question

是否可以将整张卡片作为Angular材料中的链接，还是有另一个针对此用例的指令？

Answer 1

您可以在卡片上放置ng-click并执行操作。此外，您可以使用悬停效果设置卡片的样式以获得链接的感觉。就像这样：

<强> HTML：

<md-card ng-click="cardSelected()" class="cardAsLink">
      ....
</md-card>

<强> JS：

$scope.cardSelected=function(){
  console.log("card Clicked");
}

<强> CSS：

.cardAsLink{
  cursor: pointer;
}

.cardAsLink:hover{
  border : 1px solid blue;
}

Answer 2

是的，您可以在卡片周围放置锚标签。我认为这是更好的解决方案，因为您具有锚标记的孔功能。在“漫步者”中，单击将可以正常工作，如果您使用路由器，则历史记录也将是正确的，但您认为用鼠标滚轮单击以打开新的点击将不起作用。鼠标右键认为也是如此，并且浏览器底部的导航预览也将丢失。