如何让AngularJS链接看起来像一个Button？

Question

我的AngularJS模板中有以下代码：

<button class="submit-button" ng-click="myCtrl.doSomething1()">
    Do Something 1
</button>
<a class="submit-button" ui-sref="mystate({param1: 'a', param2: 'b'})">Do Something 2</a>

这是风格：

.submit-button {
  color: black;
  font-weight: bold;
  text-align: center;
}

这是渲染的方式：

我希望Do Something 2也出现并充当按钮，就像Do Something1一样。但是当单击时，它应该将用户发送到ui-sref中指定的状态。我该怎么办？

Answer 1

包含在按钮标记

中

 <a ui-sref="mystate({param1: 'a', param2: 'b'})"><button class="submit-button">test</button></a>

正如史蒂夫所提到的，它不是有效的HTML，但可以在大多数浏览器中使用（现在）

您应该只能将指令应用于按钮元素，它应该可以正常工作

   <button class="submit-button" ui-sref="mystate({param1: 'a', param2: 'b'})">test</button>

Example using button as outer div and anchor tag as outer div