Ui-sref 和 md-按钮。怎么运行的？

Question

Example

如果我添加 ui-sref，为什么菜单项 "Menu1" 高于其他项？？？？

 <md-button  ui-sref="menu1" >Menu1</md-button>
 <md-button>Menu2</md-button>

Answer 1

如果您使用的是ui-sref，那么您应该用Anchor标签将其括起来。

<md-button><a ui-sref="menu1">Menu1</a></md-button>

正如 Hooligancat 所说，这是更新后的代码：

<a ui-sref="menu1" class="md-button">Menu1</a>

希望有用

Answer 2

实际上 包装 a 标签中的按钮更好。推荐解决方案的问题是只有文本充当 link 而不是整个按钮，所以我建议；

<a ui-sref="menu1"><md-button>Menu1</md-button></a>

Answer 3

更好的办法是放弃使用两个标签，并在 'a' 标签上将 'md-button' 指定为 class。

<a ui-sref="menu1" class="md-button">Menu1</a>

您当然也可以添加任何其他 material class 标签...

<a ui-sref="menu1" class="md-button md-raised md-primary">Menu1</a>