angularjs - 中继器中的绑定类

Question

这是我的html

<span class="" ng-repeat="font in model.fonts" >
    <a ng-click="model.value.HeadingFont = font" href="javascript:void(0);" ng-class="[font-bulb, {active: font==model.value.HeadingFont}]" style="font-family:{{font}};">Aa</a>
</span>

并在控制器中

$scope.model.fonts = ["'Raleway', sans-serif", "'Open Sans', sans-serif", "'Oswald', sans-serif", "'Crimson+Text', sans-serif", "'Roboto', sans-serif"];

我想要做的是在数组中显示一个链接 foreach 字体。Onclick 值应该在 $scope.model.value.HeadingFont 上设置，并且如果 $scope.model.value.HeadingFont == {currentFont}，链接应该有 css 类“font-bulb”（总是）和“active”

该值设置正确，但 css 类不适用；我尝试了不同的选项，但找不到正确的选项。

任何人都可以帮助解决这个问题吗？

谢谢

Answer 1

你可以像下面这样简单地把它放在class="font-bulb"外面，然后剩下的条件添加类逻辑将进入ng-class指令。

标记

<span class="" ng-repeat="font in model.fonts" >
  <a ng-click="model.value.HeadingFont = font" href="javascript:void(0);" class="font-bulb"
   ng-class="{active: font==model.value.HeadingFont}" style="font-family:{{font}};">
      Aa
  </a>
</span>