Angular 2 binding/events not working when adding template as innerHTML

by

Angular doesn’t process HTML added using innerHtml (also ElementRef.nativeElement.append(...) or similar) in any way.

As mentioned in the comment an alternative is to wrap the HTML in a component and add this component dynamically. DynamicComponentLoader (as shown in the linked answer from the comment to your question) is deprecated. It was replaced by ViewContainerRef.createComponent(). Angular 2 dynamic tabs with user-click chosen components shows an example how to use it.

More Related Contents:

  1. Generate dynamic css based on variables angular
  2. based on mobile number how do i get country code in javascript or anguler 2+ [duplicate]
  3. How do I return the response from an Observable/http/async call in angular?
  4. How to load external scripts dynamically in Angular?
  5. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  6. Angular 5 Service to read local .json file
  7. Angular 2: Two backend service calls on success of first service
  8. Angular: Can’t find Promise, Map, Set and Iterator
  9. Wait for multiple promises to finish
  10. Angular2 component’s “this” is undefined when executing callback function
  11. Angular 2: Callback when ngFor has finished
  12. Upgrading to angular-6.x gives “Uncaught ReferenceError: global is not defined”
  13. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  14. Angular 5 Scroll to top on every Route click
  15. How to subscribe to an event on a service in Angular2?
  16. Angular 2 pipe that transforms JSON object to pretty-printed JSON
  17. Angular 6 – process is not defined when trying to serve application
  18. Angular url plus sign converting to space
  19. How to Pass data from child to parent component Angular
  20. ‘Access-Control-Allow-Credentials’ header in the response is ” which must be ‘true’
  21. How to ‘wait’ for two observables in RxJS
  22. How to use onBlur event on Angular2?
  23. How to iterate using ngFor loop Map containing key as string and values as map iteration
  24. Angular why asterisk (*)
  25. Get current url in Angular [duplicate]
  26. Upgrading to Angular 10 – Fix CommonJS or AMD dependencies can cause optimization bailouts
  27. ng2-charts update labels and data
  28. How to disable Browser back button in Angular 2
  29. Filter Array in Array by date between 2 dates
  30. Protractor Angular 2 Failed: unknown error: angular is not defined

Leave a Comment