在rxjs流上收到字符串时更改类

Question

我有一个发出字符串的流。 根据此字符串，我想将以下类添加到标记中：

• “ok” - ＆gt; FA-检查
• “loading - ＆gt; fa-spin fa-spinner
• “错误” - ＆gt; FA-倍

我正在尝试使用angular2中的[class.className]，但我没有取得任何成功。

:::Transactions Table:::
ID,
UserID,
Cost

:::User Table:::
ID,
UserID,
currentPayout

Answer 1

@Component({
    selector: '[event-spinner]',
    template: `
<i class="fa fa-2x" [ngClass]="{'fa-check': icon == 'ok', 'fa-spin': icon == 'loading', 'fa-spinner': icon == 'loading', 'fa-times': icon == 'error'}" id="spin"></i>
  `
})

Plunker example