使用ui-sref在另一个元素中单击带有ui-sref的元素

Question

我有div ui-sref属性，因此我基本上将其视为一个大按钮;但是，在div范围内，我有一个实际的button，它也有一个ui-sref属性，但它指向一个不同的状态。

当我点击按钮时，button引用的状态在屏幕上闪烁，然后被div引用的状态替换。

如何在点击它时只让button设置状态？谢谢！

<div ui-sref="loadDocument({doc: documentName})">
  {{documentName}}
  <button class="btn" ui-sref="viewMetadata({doc: documentName})">
    View Metadata
  </button>
</div>

Answer 1

不可行，总是会调用父元素点击。

试试这个

<div">
  <span ui-sref="loadDocument({doc: documentName})"> {{documentName}}</span>
  <button class="btn" ui-sref="viewMetadata({doc: documentName})">
    View Metadata
  </button>
</div>