Angular 具有多个条件的循环中的ng if/else

我正试图找出如何做到这一点。我有一个按钮组，在ngFor循环中生成：

<div class="btn-group float-right">
    <button *ngFor="let frequency of mapping?.frequency_mapping" [ngClass]="[profile?.frequency_name == frequency.label ? 'btn-success' : 'btn-outline-secondary']" type="button" value="{{ frequency.pk}}" class="btn">{{ frequency.label }}</button>
</div>

实现这一目标的最佳方式是什么

基本上，我需要的最终结果是

<button><i class="fa fa-classA"></i>{{ frequency.label }}</button>
<button><i class="fa fa-classB"></i>{{ frequency.label }}</button>
<button><i class="fa fa-classC"></i>{{ frequency.label }}</button>

{{frequency.label}
{{frequency.label}
{{frequency.label}

我相信您只是在ngClass上使用了错误的格式。去掉[]括号

看一看

您正在寻找的案例场景是“如何使用”部分的第四个示例。您需要它来计算表达式

通过使用括号，类将期望样式有一个静态字符串数组，它将不会对表达式求值

<button><i class="fa fa-classA"></i>{{ frequency.label }}</button>
<button><i class="fa fa-classB"></i>{{ frequency.label }}</button>
<button><i class="fa fa-classC"></i>{{ frequency.label }}</button>