How to dynamically add innerHTML with angular 2 components

by

Angular doesn’t process HTML added dynamically, it just adds it verbatim except some sanitization to prevent security issues.
See In RC.1 some styles can’t be added using binding syntax for how to prevent the sanitizer of stripping the HTML.

You can use ViewContainerRef.createComponent() like shown in Angular 2 dynamic tabs with user-click chosen components to add components dynamically.

There are also solutions available how to create components dynamically like shown in Equivalent of $compile in Angular 2

More Related Contents:

  1. Angular 2 – innerHTML styling
  2. How do I share data between components in Angular 2?
  3. Could not find module “@angular-devkit/build-angular”
  4. Angular how to get the multiple checkbox values?
  5. How to add font-awesome to Angular 2 + CLI project
  6. How to group data in Angular 2?
  7. How to watch for form changes in Angular
  8. Ionic 2 Form goes up when keyboard shows
  9. Angular EXCEPTION: No provider for Http
  10. *ngIf and local template variables
  11. how to use track by inside ngFor angular 2
  12. Is there a way to remove unused imports and declarations from Angular 2+? [closed]
  13. How to install a specific version of Angular with Angular CLI?
  14. Using a directive to add class to host element [duplicate]
  15. How to trace routing in Angular 2?
  16. TS2531: Object is possibly ‘null’
  17. How to use Dependency Injection (DI) correctly in Angular2?
  18. ng2 – dynamically creating a component based on a template
  19. Create a reusable FormGroup
  20. Pass parameter into route guard
  21. Merging http observables using forkjoin
  22. tap() isn’t triggered in RXJS Pipe
  23. What is the difference between declarations, providers, and import in NgModule?
  24. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  25. How to return observable from subscribe
  26. Limit input field to two decimal places – Angular 5
  27. How to create and download text/Json File with dynamic content using angular 2+
  28. Angular4 Load external html page in a div
  29. FormControl.detectchanges – why use distinctUntilChanged?
  30. How to use angular2 built-in date pipe in services and directives script files [duplicate]

Leave a Comment