Angular Material 无法将 md-card 设置为锚点

Question

是否可以在 Angular material 中将整张卡片设为 link 或者是否有针对此用例的其他指令？

Answer 1

你可以只在卡片上放一个 ng-click 然后执行你的 operation.Further 你可以用悬停效果来设计卡片以获得 link.Like 的感觉这:

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

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

Angular Material can't set md-card as an anchor