如何使AngularJS链接看起来/表现得像按钮？

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>

正如Steve提到的，它不是有效的html，但在大多数浏览器(目前)中都能工作。

您应该能够将该指令应用于一个按钮元素，并且它应该可以工作。

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

示例使用按钮作为外部div，使用锚标记作为外部div。