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

Question

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

当我单击该按钮时，在被div引用的状态替换之前，button引用的状态在屏幕上闪烁。

如何在单击时仅让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>