How to get Angular2 to bind component in innerHTML

by

There is no way to make [innerHtml]="..." instantiate Angular components or directives or establish any bindings.

The closest for this requirement is DynamicComponentLoader. (DynamicComponentLoader was removed a while ago) ViewContainerRef.createComponent()

See Angular 2 dynamic tabs with user-click chosen components for an example

Since RC.5 Angular2 sanitizes styles and HTML added through binding.
See In RC.1 some styles can’t be added using binding syntax for more details.

More Related Contents:

  1. Global Events in Angular
  2. How to show a loading spinner while waiting on an observable getting data from a service in Angular
  3. Why use “?” operator in template binding?
  4. angular2 manually firing click event on particular element
  5. How can I watch for changes to localStorage in Angular2?
  6. how to format date in Component of angular 5
  7. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  8. Angular2 – Redirect to calling url after successful login
  9. How to get angular2 [innerHtml] to work [duplicate]
  10. How to inject service into class (not component)
  11. How to make directives and components available globally
  12. Angular2 router keep query string
  13. Angular2 – Validate and submit form from outside
  14. In Angular, how to add Validator to FormControl after control is created?
  15. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  16. Angular 2 – Using Shared Service
  17. Mat-table Sorting Demo not Working
  18. How to clear template cache?
  19. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  20. Angular 4 call parent method in a child component
  21. Type casting within a template in Angular 2
  22. How to add Web Animations API polyfill to an Angular 2 project created with Angular CLI
  23. How to correctly import operators from the `rxjs` package
  24. How to clear form after submit in Angular 2?
  25. What is the lifecycle of a service in Angular 5
  26. Angular4 APP_INITIALIZER won’t delay initialization
  27. Angular load external configuration before AppModule loads
  28. Angular 6 Uncaught ReferenceError: Buffer is not defined
  29. Angular 6 Migration -.angular-cli.json to angular.json
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment