在角，如何添加使用括号的类？

Question

是否可以创建如下所示的内容？

<div *ngFor="let post of posts">
  <p class="quote {{post.color}}-quote">
    {{ post.content }}
    <span class="author">Anatoly Weinstein, Founder of Theora</span>
  </p>
</div>

重要的一行：class="quote {{post.color}}-quote"

我见过similar个问题，但我不想使用布尔值并对每个元素进行硬编码。

Answer 1

没有特殊的理由使用带括号的模板绑定，可以做到这一点。 使用ngClass指令：

<p class="quote" [ngClass]="[post.color+'-quote']">