将md-grid-tile嵌入md-button不起作用(Angular Material) [英] nesting md-grid-tile into md-button not working (Angular Material)
本文介绍了将md-grid-tile嵌入md-button不起作用(Angular Material)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我用md-grid-tiles制作了一个md-grid-list,并且我想让每一个都成为一个链接。我尝试在md按钮中包装每个图块,但这会使元素消失。
I have made a md-grid-list with md-grid-tiles, and I want to make each one a link. I tried wrapping each tile in a md-button but this makes the element disappear.
它不一定是一个md按钮,它可能是一个简单的锚标签,但我似乎无法解决这个问题。
It doesn't have to be an md-button, it could be a simple anchor tag, but I can't seem to resolve this either way.
任何帮助将不胜感激。
我的代码:
<md-grid-list>
<md-button>
<md-grid-tile>
<img class="crest" src="img/afc-bournemouth.png">
<md-grid-tile-footer layout-align="center center">Bournemouth</md-grid-tile-footer>
</md-grid-tile>
</md-button>
</md-grid-list>
推荐答案
为什么不这样做:
<md-grid-list>
<a class="md-grid-tile" href="http://google.com" target="_blank">
<img class="crest" src="img/afc-bournemouth.png" />
<md-grid-tile-footer layout-align="enter center">Bournemouth</md-grid-tile-footer>
</a>
</md-grid-list>
这篇关于将md-grid-tile嵌入md-button不起作用(Angular Material)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文