Angular4 Load external html page in a div

by

You can use [innerHtml] something like

<div [innerHtml]="myTemplate">
</div>

In your component

export public class MyComponent {
    private myTemplate: any = "";
    constructor(http: Http) {
        http.get(myExternalPageLink).map((html:any) => this.myTemplate = html);
    }
}

More Related Contents:

  1. Should I write methods as arrow functions in Angular’s class
  2. Typescript/Angular/ES6: can I finally let `hasOwnProperty()` die in for loops?
  3. How to load external scripts dynamically in Angular?
  4. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  5. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  6. Use component from another module
  7. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  8. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  9. async/await in Angular `ngOnInit`
  10. How to inject service into class (not component)
  11. Emit event from parent to child
  12. Angular2 router keep query string
  13. How to make a sequence of http requests in Angular 6 using RxJS
  14. How to set unique template reference variables inside an *ngFor? (Angular)
  15. Getting Image from API in Angular 4/5+?
  16. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  17. Angular 4 HttpClient Query Parameters
  18. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  19. Type casting within a template in Angular 2
  20. Subscribing to a nested Observable
  21. Angular 2 translation change language in application
  22. Enabling CORS on Azure Active Directory
  23. How to run the Dist Folder on Local Machine in Angular 6+?
  24. How to delete a field in a Firestore Document?
  25. Angular2: use [(ngModel)] with [ngModelOptions]=”{standalone: true}” to link to a reference to model’s property
  26. How to manually set focus on mat-form-field in Angular 6
  27. What is the difference between fakeAsync and async in Angular testing?
  28. Do I need to `complete()` takeUntil Subject inside ngOnDestroy?
  29. Can I use Angular i18n to translate string literals in typescript code
  30. How to generate components in a specific folder with Angular CLI?

Leave a Comment