Question

如何将两种不同的设置类的方法与ng-repeat结合使用？

我有以下内容：

<div class="row"
   data-ng-class="highlightclass"
   data-ng-mouseenter="highlightclass='highlight'"
   data-ng-mouseleave="highlightclass=''"
   data-ng-repeat="a in rows"
>

<div class="row"
   data-ng-class="{'t': a.correct == true, 'f': a.correct == false}"
   data-ng-mouseenter="highlightclass='highlight'"
   data-ng-mouseleave="highlightclass=''"
   data-ng-repeat="a in rows"
>

两者都有效，但我不知道如何将它们结合起来。有没有人有任何想法如何做到这一点？我想要的是，除了根据a.correct的值出现的t和f类之外，当鼠标在行上时会出现类高亮显示。

Answer 1

您可以尝试：

<div class="row"
   data-ng-class="{'highlight': highlighted, 't': a.correct, 'f': !a.correct}"
   data-ng-mouseenter="highlighted=true"
   data-ng-mouseleave="highlighted=false"
   data-ng-repeat="a in rows"
>

如何在ng-repeat中结合使用mouseenter / mouseleave和class的动态设置？

1 个答案: