Angular2 créer un composant qui affiche le contenu d'une page web externe

J'ai besoin de créer un composant qui affiche le contenu d'une autre page web.

Si, par exemple, j'ai le site de stackoverflow, je voudrais créer un composant qui effectue une requête http et affiche le contenu par le biais de mon application. Par ailleurs, le site web externe est juste django-reste-swagger et pour y accéder, j'ai besoin d'inclure un en-tête à chaque fois que j'y accéder. Donc, quand je fais la demande pour les externes de contenu de site j'ai besoin de inlclude l'en-tête x-forwarded-hôte.

<div>
     <html> CONTENT OF EXTERNAL WEBSITE </html>
</div>

merci

OriginalL'auteur Miguel Rosales | 2016-08-15

  1. 4
    @Component({
  selector: ...
  template: `<div [innerHTML]="fetchedHtml"></div>
})
export class ExternalHtml {
  constructor(http:Http) {
    var headers = new Headers();
    headers.append('x-forwarded-host', 'foo');
http.get('someUrl', {headers: headers}).subscribe(response => {
    this.fetchedHtml = response.json();
  }
}

    Voir aussi

    Alternativement, vous pouvez également utiliser un iframe pour afficher la prochaine HTML.

    pouvons-nous en charge / incorporer un site web externe de contenu à l'intérieur d'un composant de modèle à la volée.. ? Si oui, pourriez-vous expliquer comment nous pouvons y parvenir.
    Pas aussi facile que beaucoup attendent, mais possible stackoverflow.com/questions/38888008/... Il y a une 3ème partie du projet qui encapsule tout cela dans un facile d'utiliser le composant. Désolé, ne me souviens pas le nom, mais vu qu'il a mentionné à plusieurs andwers à ce sujet
    Ok. permettez-moi de vérifier et d'essayer d'en œuvre en fonction de mes besoins.
    pouvez-vous me guider sur ce stackoverflow.com/questions/46243651/...

    OriginalL'auteur Günter Zöchbauer

  2. 0

    Vous pouvez l'afficher comme suit: 

    <div [innerHTML]="contentOfTheExternalWebsite">
</div>

    OriginalL'auteur Lucas Tétreault

  3. 0

    J'ai répondu à une question similaire dans ce post

    Le chargement de l'URL Externe dans Angular2 routeur-prise

    Vous pouvez voir ma réponse en suivant le lien ci-dessus

    OriginalL'auteur mspasiuk