Javascript $stateProvider angularJs不工作

我的页面上有如下按钮：

<button ui-sref=".viewer({maId: gridItem.MAID})" class="btn btn-info">
  <span class="glyphicon glyphicon-search"></span>
</button>

当我单击按钮url更改但html没有更改时，它仍然是templateUrl，而不是status/{maId}。控制台中没有错误

---

有什么问题吗？

按钮上的ui sref应该是这样的：

<button ui-sref="status.viewer({maId: gridItem.MAID})" class="btn btn-info">
  <span class="glyphicon glyphicon-search"></span>
</button>

---

因此，更改

ui sref

并将

ui视图添加到父状态模板中。
结果仍然相同：(
<button ui-sref="status.viewer({maId: gridItem.MAID})" class="btn btn-info">
  <span class="glyphicon glyphicon-search"></span>
</button>

<div ui-view></div>