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