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>