angulartypescriptionic2

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.

Solution

  • As explained in Angular documentation, you can use interpolation:

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

    or property binding:

    [id]="'m' + elementid"