html - 如何用 ng-class 实现 if-else 条件？

Question

我正在尝试使用两个不同的网格列绑定到ng-classif-else 条件。我无法正确地做到这一点。有人可以指导我做错了什么。谢谢。

HTML

<div ng-class="{'col-md-11': test1 === null, 'col-md-6' : test1 !== null}" *ngIf="(test !== null)">
<div>
<div ng-class="{'col-md-11': test === null, 'col-md-6' : test !== null}" *ngIf="(test1 !== null)">
<div>

标签： htmlangular

Answer 1

您可以使用[class]而不是ngClass.

<div [class.col-md-11]="test1 === null" [class.col-md-6]="test1 !== null" *ngIf="test !== null"></div>
<div [class.col-md-11]="test === null" [class.col-md-6]="test !== null" *ngIf="test !== null"></div>