Angularjs Ng鼠标离开不会触发嵌套li ul

我有一个嵌套的ulli结构。我有鼠标，每到一里就离开mouseleave'在我离开li时触发，但如果我移动到li内部，则不会触发。这是我的扑克牌。例如，在下面的例子中，如果我从parentli移动到childul，它不会触发鼠标移动。但如果我完全离开父母家，就会触发鼠标移动。谢谢你的帮助

隐藏

x

内部li
x

它不应该触发，因为

它不应该触发，因为
我同意，但我看到了一个jquery的例子，它的工作是
jquery
示例，他们在示例中所做的是在
mouseenter
上附加一个
类，并且
mouseleave
声明。@Kalava您可能注意到您提到的示例在
mouseover
处理程序中也有
event.stopPropagation（）
调用。根据您的需要工作。good one@YauheniLeichanok我认为您可以将父级中的
$event.stopPropagation（）
删除为
谢谢您的解释。演示链接指向另一个帖子。
<ul>
    <li id="parentli" ng-mouseenter="showXBtn=true" ng-mouseleave="showXBtn=false">
      <p >Hide</p>

      <button ng-show="showXBtn"><span>x</span></button>
      <ul id="childul">
        <li ng-mouseenter="inner=true" ng-mouseleave="inner=false"> <p>Inner li</p><button ng-show="inner"><span>x</span></button></li>
      </ul>
    </li>
    </ul>

<ul>
    <li ng-mouseenter="showXBtn=true" ng-mouseleave="showXBtn=false">
      <p >Hide</p>

      <button ng-show="showXBtn"><span>x</span></button>
      <ul>
        <li ng-mouseenter="inner=true; showXBtn=false" ng-mouseleave="inner=false; showXBtn=true"> <p>Inner li</p>
        <button ng-show="inner"><span>x</span></button></li>
      </ul>
    </li>
</ul>

<li ng-mouseenter="inner=true; showXBtn=false" ng-mouseleave="inner=false; showXBtn=true">