单击 Angular Material 设计网格列表上的事件

Question

我正在查看 Angular Material Design Gridlist，他们没有提到任何关于在网格上处理 hover/click 的内容。 那么，有没有办法做到这一点，或者我应该使用每个网格内的按钮来处理点击事件？

Answer 1

您可以将 ng-click="foo(bar)" 添加到 <md-grid-tile> 元素： http://codepen.io/anon/pen/pJggEb

Answer 2

为什么不直接将 ng-click 事件添加到网格列表。参见：

codepen example （点击黄色）

Answer 3

只需再提供 1 个选项即可： Angular Bottom Sheet。在这里单击“显示为网格”以查看可单击的网格项。

Answer 4

对于使用 material-ui 遇到此问题的任何人，您可以使用 onClick 属性达到相同的效果。