javascript - ng-click 与 Bootstrap 评级

Question

我有一个 Bootstrap Rating 组件，我必须使用 on-leave 方法来调用我的 javascript 函数。除了 IE 之外，所有其他浏览器也在单击事件上执行 on-leave 函数。但在 IE 中，直到我离开 stars'div 为止，该函数都不会被调用。我什至无法使用 ng-click，因为 Bootstrap Rating 组件不支持它(我的 Angular 版本是 1.1.5)

<div id="ratingDiv{{$index}}" style="display:none;" class="ratingDivClass">
<span class="ratingPoorClass">Poor</span>
<rating id="rateStars" onclick="$jq('#loader').show();" value="userRating" max="5" 
on-hover="hoveringOver(value)" 
on-leave="saveRating(message.id,userRating,$index,message.entity);"></rating>
<span class="ratingGoodClass">Very Good</span>
</div>

问题:在 IE 中，直到我离开 div 函数才被调用

尝试过:

1. 在点击时而不是在离开时调用函数:它不传递与范围相关的参数
2. 点击 div 时触发 mouseleave() 方法:不起作用 :(

如果有人有任何解决方案，请告诉我。

Answer 1

我在 AngularJS 和 IE 上也遇到过类似的问题。就我而言，按键不起作用，解决方案是使用按键事件(请参阅 http://api.jquery.com/keyup/ )。

就您的情况而言，您可能会遇到此问题 https://github.com/angular/angular.js/issues/1277

我不熟悉上面的'on-leave'，但你可以尝试jquery的模糊方法:https://api.jquery.com/blur/