我正在尝试使用jQuery Raty 插件 http://wbotelhos.com/raty使用 AngularJS。还没有成功。
我需要的是这样的:
<ul>
<li ng-repeat="obj in collection">
<p>{{obj.rating}}</p>
<div id="star{{$index}}"></div>
<p>{{obj.someText}}</p>
<script>$("#star{{$index}}").raty();</script>
</li>
</ul>
但该脚本似乎没有被执行,甚至没有出现在网页中。此外,它看起来也是一个非常丑陋的方法,但我没有更多的想法。
我怎样才能做到这一点?或者我是否需要为星星提供不同的插件/功能?
如果我必须这样做,我会开发一个AngularJS
指令,像这样:
JS
yourApp.directive("raty", function() {
return {
restrict: 'AE',
link: function(scope, elem, attrs) {
$(elem).raty({score: attrs.score, number: attrs.number});
}
}
}
HTML
<raty id="star{{$index}}" score="1" number="5"></raty>
如果你想在 Raty 上添加一些参数,你可以简单地编辑我的指令;)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)