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” / p>

值设置正确，但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>

转发器中的绑定类

1 个答案: