ul-li裏面ng-click多次射擊

Question

<ul> 
    <li ng-click="setSelectedItem(member.id)">test 
    <ul> 
     <li ng-click="setSelectedItem(member.id)">test 2 
     <ul> 
      <li ng-click="setSelectedItem(member.id)">inner test2 
      </li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
</ul> 

上面的樹結構是由兩個指令通過使用this堆棧溢出問題產生的。

當測試被點擊時setSelectedItem（）被調用一次。當test2被點擊setSelectedItem（）被調用兩次。當內部測試2被點擊setSelectedItem（）被稱爲三次。

任何人都可以幫助我解決這個問題。點擊內部li標籤時，我只需要點擊一次該點擊。謝謝

Answer 1

要停止事件傳播，請使用下面的代碼。

<li ng-click="setSelectedItem(member.id); $event.stopPropagation();">test</li> 

Answer 2

使用$event.stopPropagation();。爲了防止點擊事件給父母。

<ul> 
    <li ng-click="setSelectedItem(member.id);$event.stopPropagation();">test 
    <ul> 
     <li ng-click="setSelectedItem(member.id);$event.stopPropagation();">test 2 
     <ul> 
      <li ng-click="setSelectedItem(member.id);$event.stopPropagation();">inner test2 
      </li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
</ul>