Dynamically load HTML template in angular2

by

You could use [innerHtml] in a my-template component with something like this (I didn’t test) :

@Component({
    selector: 'my-template',
    template: `
<div [innerHtml]="myTemplate">
</div>
`})
export public class MyTemplate {
    private myTemplate: any = "";
    @Input() url: string;
    constructor(http: Http) {
        http.get("/path-to-your-jsp").map((html:any) => this.myTemplate = html);
    }
}

More Related Contents:

  1. How can I use/create dynamic template to compile dynamic Component with Angular 2.0?
  2. Equivalent of $compile in Angular 2
  3. @types/googlemaps/index.d.ts’ is not a module
  4. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  5. Avoiding relative paths in Angular CLI
  6. How to generate components in a specific folder with Angular CLI?
  7. Dynamically add event listener
  8. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  9. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  10. Use component from another module
  11. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  12. Angular and Typescript: Can’t find names – Error: cannot find name
  13. Angular 2 Scroll to top on Route Change
  14. how to format date in Component of angular 5
  15. Getting “Uncaught (in promise): TypeError: Object(…) is not a function” Error from Ionic-native VideoEditor Plugin
  16. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  17. How to inject service into class (not component)
  18. Angular 2 Form “Cannot find control with path”
  19. vs
  20. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  21. Angular 2 Basic Authentication not working
  22. Property ‘json’ does not exist on type ‘Object’
  23. Update parent component property from child component in Angular 2
  24. How to use variable to define templateUrl in Angular2
  25. Behaviour subject initial value null?
  26. How to iterate using ngFor loop Map containing key as string and values as map iteration
  27. What is pipe for in RxJS?
  28. How to throw error from RxJS map operator (angular)
  29. Angular 2 disable sanitize
  30. Can I use Angular i18n to translate string literals in typescript code

Leave a Comment