angular指令中平凡但混乱的javascript

angular指令中平凡但混乱的javascript,javascript,angularjs,Javascript,Angularjs,的作者这样描述了以下代码:“stars数组的每个元素都有一个值为'filled'的对象,该对象根据我们从DOM获得的scope.ratingValue的值计算为true或false。” 指令('fundooRating',函数(){ 返回{ 限制:“A”, 模板:''+ “”+ “\u2605”+ “”+ “”, 范围:{ 额定值:'=' }, 链接:功能(范围、要素、属性){ scope.stars=[]; 对于(变量i=0;i

的作者这样描述了以下代码:“stars数组的每个元素都有一个值为'filled'的对象,该对象根据我们从DOM获得的scope.ratingValue的值计算为true或false。”

指令('fundooRating',函数(){ 返回{ 限制:“A”, 模板:'
    '+ “
  • ”+ “\u2605”+ “
  • ”+ “
”, 范围:{ 额定值:'=' }, 链接:功能(范围、要素、属性){ scope.stars=[]; 对于(变量i=0;i
作为一名js新手,我仍然无法理解如何“阅读”最后一行。从代码中我能看到的唯一填充的地方是css文件和模板。所以我看不到bool值,语法对我来说有点混乱。我该怎么想呢?

我检查了源代码,模板说:

'<li ng-repeat="star in stars" ng-class="star" ng-click="toggle($index)">'
  • 当指令被赋予一个对象时,它会检查它的每一个属性,如果它是真的,它会将属性名添加为类名。例如:

    ng class=“{filled:true,bold:false}”
    将计算
    class=“filled”


    最后一行设置了星号的“filled”状态,因此filled类将只放在scope.max-nth元素中。

    我认为这里可能有一个输入错误:类应该与ng class=“{filled:filled}”的行一致
    '<li ng-repeat="star in stars" ng-class="star" ng-click="toggle($index)">'