How can i easily concatenate typescript variable with string in html tag

问题

This is my html code with ionic 2

<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>

From the code above this is my area of concentration

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

How can I easily concatenate m with the variable elementid. This is not working for me.

回答1:

As explained in Angular documentation, you can use interpolation:

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

or property binding:

[id]="'m' + elementid"

回答2:

to make interpolation in the attribite of html element in angular you should use [attr.attrName]="expression" or in your case [attr.id]="'m' + elementid"

回答3:

you can do this using square brackets,

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

来源：https://stackoverflow.com/questions/44725705/how-can-i-easily-concatenate-typescript-variable-with-string-in-html-tag