Angularjs Ui sref和md按钮。它是如何工作的？

如果我添加ui sref，为什么菜单项“Menu1”高于其他菜单项

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

Menu1
菜单2

如果您使用的是

ui sref

，则应使用锚定标记将其括起来

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

Menu1

正如Hooligancat所说，以下是更新的代码：

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

Menu1

希望它能工作

实际上最好将按钮包装在

a

标签中。建议的解决方案的问题是，只有文本充当链接，而不是整个按钮，所以我建议

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

Menu1

更好的方法是不使用两个标记，而是在“a”标记上指定“md button”作为类

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

Menu1

当然，您也可以添加任何其他材质类标记

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

Menu1

在angular material 1.09和angular 1.5.8中，此解决方案删除了默认的悬停效果，这是不好的。为什么首先要删除默认的材质设计行为-1.但是你必须点击按钮中的文本才能让按钮执行一些操作。我已经这样做了，但我不得不撤销我的更改，因为你不能期望用户一直点击中心的按钮，这可能会导致严重的用户界面问题。这一个工作非常完美。上面提到的@Stuart解决方案仅适用于文本，而不是整个按钮。