javascript - 使用 angularjs 变量初始化评级插件

Question

我在 angularjs 中使用这个评级插件( http://metroui.org.ua/rating.html )来显示星级评级。我尝试在页面加载时初始化当前评级。

data-score="3" 

可以工作，但是这个

data-score="{{userreviewRatings. rating}}" 不工作

        <div id="rating-stars" class="large fg-white rating active" style="height: auto;" data-score="{{userreviewRatings.rating}}">
        </div>
        <form id="rating-form">
        <input type="text" id="website-rating" ng-click="submitrating()" name="rating">                
        </form>
        <script>

                    $(function(){
                        $("#rating-stars").rating({
                            static: false,
                            stars: 5,
                            showHint: true,
                            showScore: false,
                            click: function(value, rating){
                                rating.rate(value);
                                $('#website-rating').val(value);
                                $('#website-rating').trigger('click');
                            }
                        });
                    });

        </script>

有人可以告诉我如何使用 Angular 变量进行评分吗？

Answer 1

我不认为同时使用 Angular 和 jquery 更好。他们的思想有很大不同。 如果你真的想同时使用它们。您应该在之后使用 $scope.$digest() $scope.userreviewRatings. rating已更改。 或使用 ````

$scope.$apply(function () {
    $(function () {
        $("#rating-stars").rating({
            static: false,
            stars: 5,
            showHint: true,
            showScore: false,
            click: function (value, rating) {
                rating.rate(value);
                $('#website-rating').val(value);
                $('#website-rating').trigger('click');
            }
        });
    });
})

```