Ist es möglich, angular2 cli 4.0 in einem iframe auf einer Website zu starten, um eine Vorschau von angular2-Komponenten zu erhalten? Ich wäre dankbar für eine Antwort auf diese Frage.Angular 2 iframe auf der Webseite
5
A
Antwort
3
Sie können eine eckige App ausführen und sie in iframe laden. In Ihrer App sollten Sie eine Route erstellen, in der nur eine Komponente sichtbar ist. Dann können Sie es in iframe auf der anderen Website laden.
Beispiel: Ihre Komponente würde bei http://localhost:4200/components/card
und dann auf Ihrer Website zur Verfügung steht, können Sie es wie folgt laden: <iframe src="http://localhost:4200/components/card></iframe>
1
Lässt Sie sagen Winkel App bei http://localhost:4200
gehostet wird, die die Standard-URL ist, wenn Sie die App mit ng serve
Fügen Sie einfach <iframe src='http://localhost:4200'>
in Sie Web-App und Winkel App innerhalb der Website Sie werden laufen geladen.
Verwandte Themen
- 1. Angular 2-Trigger-Interpolation in einem Iframe
- 2. Wie zwei verschiedene Angular 2-Anwendungen in eine andere Angular 2-Anwendung ohne IFrame eingebettet werden
- 3. Ansichten nach YouTube iFrame Ereignisse in Angular 2 aktualisieren
- 4. ein iFrame-Laden auf der Basis einer variablen URL in Angular 2
- 5. CKEDITOR Fehlercode: Editor-Destroy-Iframe in Angular 2
- 6. Angular 2 App Komponente ngOnInit zweimal aufgerufen, wenn iframe verwendet
- 7. IFrame in meiner Webseite auslösendes Unschärfereignis
- 8. Platzieren einer Webanwendung auf einer Webseite ohne Verwendung eines iFrame?
- 9. raffinerycms iframe wird nicht auf meiner Webseite angezeigt
- 10. Stop Webseite in Iframe von Neuladen auf Postback
- 11. innerhalb iframe in Winkel 2
- 12. Fortschrittsbalken auf der Webseite
- 13. Angular 2 Pipe - Limit auf 2 Dezimalstellen
- 14. angular 2 404 auf aktualisieren
- 15. Erkennen, ob die Iframe-Webseite reaktionsfähig ist
- 16. Angular 2 auf Firebase Hosting
- 17. PDF Display Angular 2
- 18. Angular 2 - Anker Links zu Element auf der aktuellen Seite
- 19. Angular 2 - Liste der Ereignisse
- 20. Angular 2, Ionic 2
- 21. Fehlende Zeichen auf der Webseite
- 22. Mysteriöse Ränder auf der Webseite
- 23. Zeilenabstand auf der gesamten Webseite
- 24. Angular 2 - Toastr Benutzerdefinierter Standort
- 25. HTML iframe, Seite ist nicht in iframe geladen, ersetzt aber die gesamte Webseite.
- 26. Wie benutze ich angular2 nur auf einem Teil der Webseite
- 27. Angular: Src Attribut Fehler in Iframe-Direktive
- 28. Zugriff auf Klassenvariablen aus der Formvalidatormethode in angular 2
- 29. angular 2 Zugriff auf ng-Inhalt innerhalb der Komponente
- 30. Auf der Suche nach Nativscript/Angular 2 SideDrawer-Entsprechung