angular - 如何轻松地将 typescript 变量与 html 标记中的字符串连接起来？

Question

这是我使用 ionic 2 的 html 代码

<ion-item *ngFor="let job of allFreeJobs;let elementid=index">
     <p>
        <span id="m{{elementid}}" (click)="showMore(elementid)" color="primaryAdmin">...<ion-icon name="bicycle"></ion-icon></span>
      </p>
</ion-item>

从上面的代码来看，这是我的重点领域:

... id="m{{elementid}}" ...

如何轻松地将 m 与变量 elementid 连接起来？这对我不起作用。

Answer 1

如 Angular documentation 中所述，你可以使用插值:

id="{{'m' + elementid}}"

或属性绑定(bind):

[id]="'m' + elementid"