Css 如果@Input在angular中为true，如何应用类

我得到一个变量作为输入：

@Input()
public isNotReplay: boolean | false;

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

.main-chat {
    overflow: auto;
}

我用这个和terinary操作员一起工作，就像这样：

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

---

然而，我只想应用我的主聊天类，如果它是真的，而不必使用其他类。有更好的方法吗？

您有一些选择，但我认为您需要的是：

ngClass

可以获取对象。对象属性是基于属性值有条件地提供给HTML元素的类

---

不管它值多少钱，您都是代码：

@Input（）public isNotReplay:boolean | false

看起来应该是

@Input（）public isNotReplay:boolean=false
您有一些选择，但我认为您需要的是：
<div [class.class-name]="isNotReplay"></div>


ngClass
可以获取对象。对象属性是基于属性值有条件地提供给HTML元素的类

不管它值多少钱，您都是代码：
@Input（）public isNotReplay:boolean | false
看起来应该是
@Input（）public isNotReplay:boolean=false

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


我认为编辑之前您是正确的（
[class.class-name]
）：class.class-name会被我的类名替换吗？例如，如果它的内容是：[class.main chat]=“isNotReplay”我想在编辑之前您是正确的（
[class.class name]
）：class.class-name会被我的类名替换吗？例如，它应该读：[class.main chat]=“isNotReplay”