CODEWITHSUNDEEP
angulartypescriptionic2
Emeka Obianom
Emeka Obianom

Reputation: 1794

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.

Upvotes: 39

Views: 85472

Answers (3)

Sajeetharan
Sajeetharan

Reputation: 222582

Like other answers, you can also do this using square brackets and using the attr structure,

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

Upvotes: 5

Yordan Nikolov
Yordan Nikolov

Reputation: 2678

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"

Upvotes: 4

Martin Parenteau
Martin Parenteau

Reputation: 73741

As explained in Angular documentation, you can use interpolation:

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

or property binding:

[id]="'m' + elementid"

Upvotes: 93

Related Questions