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>

有人可以告诉我如何使用角度变量给出评级？

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');
            }
        });
    });
})

```

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

1 个答案: