Angular4 Charge externe page html dans un div

J'ai eu une demande en angular1 et j'ai été en utilisant jquery pour charger une page externe dans mon élément HTML.
C'est le html de mon élément conteneur:

<div id="externalContainer" class="text-center">
</div>

J'ai utilisé le script suivant pour charger la page externe.

$( "#externalContainer" ).load( myExternalPageLink );

Maintenant, cela ne semble pas fonctionner dans angular4, des experts de me guider comment puis-je obtenir cette fonctionnalité dans angular4?

OriginalL'auteur Awais Ashraf | 2017-10-10

  1. 8

    Vous pouvez utiliser [innerHtml] quelque chose comme

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

    Dans votre composant

    export public class MyComponent {
    private myTemplate: any = "";
    constructor(http: Http) {
        http.get(myExternalPageLink).map((html:any) => this.myTemplate = html);
    }
}
    Puis-je charger un fichier local avec cela ?
    J'ai essayé de charger un fichier local avec cela, mais la myTemplate variable est vide.
    comment à propos de la ligne, de style externe/css ? je ne peux pas voir les effets.
    Vous ne pouvez pas voir des styles en ligne parce que le contenu est assaini.
    j'ai utilisé safeHtml Tuyau, puis il a bien fonctionné! Voir stackoverflow.com/a/39794649/1896897

    OriginalL'auteur jitender

  2. 2

    Je sais que je suis un peu en retard à la fête ici, mais je suis tombé sur cette question, tout en essayant de résoudre mon problème et je voulais le partager au cas où quelqu'un d'autre avait le même problème.

    J'essayais aussi de permettre à des composants personnalisés pour être utilisé dans notre html externe pour notre blog.

    J'ai documenté sur tous nos blog de générer dynamiquement des composants angulaires de html externe).

    J'espère que c'est moyennement utile pour la prochaine personne qui vient sur ce.

    OriginalL'auteur Amos47