如何根据另一个元素的类使用AngularJS ng-Class条件？

Question

<div id="parent" ng-class="{testClass:???}">
   <span id="child" class="test"/>
</div>

在这个例子中，我该如何做，以便如果element child有一个类test，那么父元素将动态地拥有类testClass？

Answer 1

您可以创建范围变量来验证这两个元素是否应该可见。 内部跨度也应根据您的描述动态设置。所以你也可以使用ng-class。 所以代码可以是这样的：

<div id="parent" ng-class="{testClass : isValid}">
    <span id="child" ng-class="{test : isValid}"/>
</div>

Answer 2

您可以在ng-class中添加三元条件，如

var var-test = 'hi'=='bye'
ng-class=" var-test ? 'class-if-true' : 'class-if-false'">

并在您的css文件中输入类

.class-if-true{color=black}
.class-if-false{color=white}