Javascript 在嵌套的AngularJS环境中,鼠标指令的行为异常

Javascript 在嵌套的AngularJS环境中,鼠标指令的行为异常,javascript,angularjs,Javascript,Angularjs,我试图在AngularJS中实现一个嵌套的树结构。它由所有由相同控制器类型管理的节点组成。您可以在此处找到一个示例: 我的问题是,每次删除子节点并修改其父节点的“children”数组时,所有父节点都会丢失其ng mouseenter和ng mouseleave行为 有人知道该怎么办吗?我错过了什么吗?使用$browser。推迟发出$childDeleted事件。 将当前元素css设置为display:none并强制执行ng mouseleave 示例如下: 使用$browser.defer发

我试图在AngularJS中实现一个嵌套的树结构。它由所有由相同控制器类型管理的节点组成。您可以在此处找到一个示例:

我的问题是,每次删除子节点并修改其父节点的“children”数组时,所有父节点都会丢失其ng mouseenter和ng mouseleave行为


有人知道该怎么办吗?我错过了什么吗?

使用
$browser。推迟
发出
$childDeleted
事件。
将当前元素css设置为
display:none并强制执行
ng mouseleave

示例如下:

使用
$browser.defer
发出
$childDeleted
事件。
将当前元素css设置为
display:none并强制执行
ng mouseleave

示例如下:
那是一个bug:

那是一个bug:

实际上,这是浏览器javascript的bug

JavaScript鼠标悬停/输出事件不一致


这里的纯js示例

实际上,这是浏览器javascript的一个缺陷

JavaScript鼠标悬停/输出事件不一致


这里的纯js示例

非常感谢,这就成功了。尽管如此,我还是希望它能够正常工作,而不需要进一步了解内部angularjs的工作原理。不过,添加一个“真正的”jquery实现也解决了这个问题:我在Chrome和Firefox中进行了测试,但仍然不起作用。非常感谢,成功了。尽管如此,我还是希望它能够正常工作,而不需要进一步了解内部angularjs的工作原理。然而,添加一个“真正的”jquery实现也解决了这个问题:我在Chrome和Firefox中进行了测试,但仍然不起作用。