J'ai besoin de rendre certains HTML Je le recueille de dos. Quelque chose comme ceci: J'essaie de le faire avec: mais son rendu: mais j'ai l'objet d'élément et j'ai besoin d'être rendu i crée Un exemple: https://stackblitz.com/edit/angular-htmlwithvariables < / a>
3 Réponses :
À l'intérieur de votre composant, faites-la comme ceci:
html = `<strong> Item label:${this.item.label} </strong>`;
Vous ne pouvez pas lier les données telles que cette voie, car vous liez les données après la compilation angulaire HTML, vous pouvez donc essayer avec un autre moyen comme
@Component({
selector: 'app-component',
template: '<div [innerHtml]="html" ></div>',
styleUrls: [ './app.component.scss' ]
})
export class AppComponent {
item = {
label: 'Label from item'
};
html: any = `<strong> Item label: ${this.item.label}</strong>`;
constructor() { }
}
Vous ne pouvez pas lier les données comme cette voie, mais vous pouvez le faire avec un autre moyen comme HTML = Étiquette d'élément: $ {this.item.label}