如何使用Angular2的ngClass创建动态类？

Question

在我的云阵列中的对象模型中说我有一个权重键：

    String str = "FIREBASESTORAGE_VIDEO_URL";
    Uri uri = Uri.parse(str);

    videoViewLandscape.setVideoURI(uri);
    videoViewLandscape.requestFocus();
    videoViewLandscape.start();

我想要做的是使用该权重在标记中创建动态类。即：return [ { term: '1994', weight: 0 }, { term: '2017', weight: 0 }, { term: '89th', weight: 5 } ，cloud0等......

怎么做？下面是我尝试的代码和我得到的错误。

cloud9

  

分析器错误：插值（{{}}）其中表达式位于EntityComponent @ 72：56中的['cloud {{tag.weight}}']中的第6列（“：100％; min-height： 200px;“id =”wordcloud“＆gt;                           ] [ngClass] =“'cloud {{tag.weight}}'”＆gt;                               {{tag.term}}                        “）：EntityComponent @ 72:56   分析器错误：得到插值（{{}}），其中表达式在EntityComponent @ 72：56中的['cloud {{tag.weight}}']中的第6列处预期（“cloud”＆gt;                           [错误 - ＆gt;]                               {{tag.term}}                           

Answer 1

您只能使用html class属性：

<span *ngFor="let tag of cloud" class="cloud{{ tag.weight }}">
    {{ tag.term }}
</span>

在这种情况下，没有必要使用ngClass。

Answer 2

<span *ngFor="let tag of cloud" [ngClass]="'cloud '+tag.weight">
    {{ tag.term }}
</span>