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

Question

这是我用离子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文档中所述,您可以使用插值:

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

或财产约束:

[id]="'m' + elementid"

Answer 2

您可以使用方括号来做到这一点，

   [attr.id]="m+'elementid'"