web-dev-qa-db-fra.com

Comment puis-je facilement concaténer une variable TypeScript avec une chaîne dans une balise html

Ceci est mon code html avec 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>

D'après le code ci-dessus, c'est mon domaine de concentration

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

Comment puis-je facilement concaténer m avec la variable elementid. Ça ne marche pas pour moi.

angulartypescriptionic2
9
Emeka Obianom

Comme expliqué dans Documentation angulaire , vous pouvez utiliser l'interpolation:

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

ou reliure de propriété:

[id]="'m' + elementid"
22
ConnorsFan

pour effectuer une interpolation dans l'attribut de l'élément html dans angular vous devez utiliser [attr.attrName]="expression" ou dans votre cas [attr.id]="'m' + elementid"

2
Yordan Nikolov

vous pouvez le faire en utilisant des crochets,

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