这个例子中填充的内容是什么

Question

我正在创建星级评分系统。我在plnkr上得到了以下示例。但我有一个问题，什么是“填充”键以及我们使用它的原因。

var updateStars = function () {
                scope.stars = [];
                for (var i = 0; i < scope.max; i++) {
                    scope.stars.push({
                        filled2: i < scope.ratingValue
                    });
                }
            };

您可以通过以下链接找到整个示例。

http://embed.plnkr.co/1esaGq/

请建议。

Answer 1

您正试图通过此字段保存信息=＆gt;如果用户填充星级小部件高于评级值。它是一个包含一个包含该表达式结果的布尔值的标志。

在你的HTML代码中，你正在迭代这个星星阵列并打印文字＆＃39; \ u2605＆＃39;：

'<li ng-repeat="star in stars" ng-class="star" ng-click="toggle($index)">' +
            '\u2605' +
            '</li>' +

所以基本上这个变量只是你的星星阵列中的一个布尔占位符，你可以决定用css设置它的样式