關於ui-router。ui-sref中的ui-sref採用不同的模板？

Question

這樣的HTML： <li class="list-group-item" ui-sref="contacts.detail({id:4})"> <span class="badge" ui-sref="contacts.selected">14</span> Cras justo odio </li> contacts.selected將重定向到contacts.detail的模板。 如何呈現它自己的模板

Answer 1

我看到，當你點擊.badge它觸發contacts.selected SREF，但JavaScript事件冒泡DOM樹，談到父母li元素和觸發它的contact.detail SREF第一SREF後一點點觸發。

所以你應該將ui-sref的解耦成不同的元素，它會正常工作。

<li class="list-group-item"> 
    <span class="badge" ui-sref="contacts.selected">14</span> 
    <span ui-sref="contacts.detail({id:4})">Cras justo odio</span> 
</li>