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

25 浏览
0 Comments

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

在这个例子中，如果元素的子元素拥有类名为test，那么父元素将动态拥有类名为testClass，我该如何做呢？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

你可以在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}

0
0 Comments

您可以创建一个作用域变量来验证这两个元素是否应该显示。内部的 span 也应该根据您的描述动态设置。因此，您也可以使用 ng-class 进行设置。代码可能像这样：

0