Pour pouvoir injecter du code html dans une balise, il faut utiliser l'une des méthodes suivantes :

Dans app.component.html

<div [innerHTML]="html">a</div>

Dans app.component.ts

import { Component , ElementRef,SecurityContext} from '@angular/core';
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
   html : string;

private htmlTemplate = `
   <div>Loading template</div>
   <script type="text/javascript">
console.log('loaded');
</script>
`;
constructor(private elementRef: ElementRef,private sanitizer :DomSanitizer) { }

ngAfterViewInit() {

//methode 1
  //this.html = this.sanitizer.sanitize(SecurityContext.HTML, this.htmlTemplate);

//methode 2
  let elem: Element = this.elementRef.nativeElement;

  elem.innerHTML = this.htmlTemplate;
}

}

 


Logo Lycée Paul Sérusier

J'enseigne au
Lycée Paul SERUSIER
Avenue de Waldkappel
29270 CARHAIX PLOUGUER
Tél : 02 98 99 29 29
Site : www.lycee-serusier.fr

footer2

Richard GAUTHIER
Professeur de Physique Appliquée
Certification ISN
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

www.carhaix2020.bzh