Angular - 删除没有类的html元素

Question

我有一个组件，您可以将类传递给html，

<my-component myClass="hello-class"></my-component>

在组件html中，

<div class="{{myClass}}"> Div with the class</div>
<div>A div without the class</div>

但有些情况下，您可能无法将课程传递到myClass。

在这样的场景中，我想删除需要用户输入类的div，

<my-component></my-component>（没有传入任何课程）

仅显示不需要该类的div。

<div>A div without the class</div>

是否有条件我可以传入html来执行此操作，

例如：

<div *ngIf="myClass-is-not-empty" class="{{myClass}}"> Div with the class</div>
<div>A div without the class</div>

Answer 1

<div *ngIf="myClass" class="{{myClass}}"> Div with the class</div>
<div>A div without the class</div>

Answer 2

<div ng-if="!!myClass" class={{myClass}}">