如果@Input在角度中为真，如何应用类

Question

我有一个变量我得到了输入：

@Input()
public isNotReplay: boolean | false;

如果此变量为true，我想应用具有样式的类：

.main-chat {
    overflow: auto;
}

我已经将这个与这样的terinary运算符一起使用了：

<div class="message-container" [ngClass]="isNotReplay ? 'main-chat' : 'some-other-class'">

然而，我只想申请我的主聊天课程，如果它是真的，而不必使用其他类。有没有更好的方法呢？

Answer 1

您有几个选择，但我认为您正在寻找的是以下内容： <div class="message-container" [ngClass]="{ 'main-chat':isNotReplay }">

ngClass可以获取一个对象。对象属性是将根据属性的值有条件地为HTML元素提供的类。

无论它的价值如何，你都是代码：@Input() public isNotReplay: boolean | false;看起来应该是@Input() public isNotReplay: boolean = false;

Answer 2

<div [class.class-name]="isNotReplay"></div>