Javascript 角度JS-图像贴图和过滤器

我在学习Angular的过程中休息了一段时间，现在我又重新开始学习，在控制图像地图时遇到了一些问题

基本上，我有一张地图，上面有一堆形状怪异的区域，我希望鼠标滚动来控制早期ngRepeat中的过滤器-我知道我可以在标准div上设置ng mouseEnter来更改模型的值并实时更新我的数据，但我不知道如何在地图中工作，因为ng mouseEnter无法使用标准图像地图

我的想法是，我设置了一个非常简单的内联脚本函数，如下所示：

function showThis(thing) {
    return thing;
}

并让图像映射的onMouseEnter部分更新该函数，然后在我的过滤器中引用该函数。这是我在代码中所想的一个快速示例（其中一个图像映射区域被复制粘贴，以表明仅制作不可见的div有点困难）——

。。。
这个（东西）的功能{
console.log（东西）；
归还物；
};
{{foo.snippet}
显示我的坏屁股代码。哪里出错了？
在MouseCenter上使用ng mouseenter，在area元素的href属性中添加#以避免重新加载页面：

<area shape='poly' alt='Area One' href='#' ng-mouseenter='showThis(1)'
   coords='33,288,35,276,41,272,60,276,96,234,97,198,140,171,189,192,182,242,144,261,144,271,108,286,66,297,42,296'/> 


我在做了一些更改之后，我认为，这些更改解决了您试图解决的问题

关于使用
ng mouseenter
，@wZVanG所说的是正确的

此外，我不太确定您的计划是如何处理
showThis
和第二个
ng repeat
，因此我添加了一个函数，
setSnippet
，该函数在鼠标输入时调用，然后通过一个简单的div在图像下显示正确的片段

希望有帮助
 你是我的英雄。我对你的代码做了一些调整，以便与我正在构建的实际站点一起工作，因为我有五到六种不同的东西受每个imagemap区域的影响，但这个问题最终得到了解决。而且，它向我展示了一种比我现在使用的更好、更干净的信息过滤方式；我非常想使用NG重复和过滤器，我甚至不考虑只返回个别项目。对此我感激不尽。
<area shape='poly' alt='Area One' href='#' ng-mouseenter='showThis(1)'
   coords='33,288,35,276,41,272,60,276,96,234,97,198,140,171,189,192,182,242,144,261,144,271,108,286,66,297,42,296'/>