Ausführen und Zugriff auf mehrere eckige Anwendungen

Question

Ich bin ein Neuling zu Angular und versuchte zu sehen, ob wir auf eine andere Anwendung zugreifen können (gehostet auf anderen Port, hat ein völlig anderes Repository und Angular-Version). Lets sagen, ich habe zwei Angular Typoskript Projekte, A und B.

======================================= 
Project A configuration: 
Angular 1.5 
Typescript 2 
Grunt for build purposes. 
runs on localhost:8080 

======================================= 
Project B configuration: 
Angular 2 
Typescript 2 
Webpack for build purposes. 
runs on localhost:9000 
======================================= 

Jede Thesen Apps, A und B werden auf unterschiedlichen Repositories gehostet. Nun sagen wir, Projekt A ist Master und hat eine Registerkarte (Schaltfläche), die bei Klick sollte die Index-Seite auf Projekt B gehostet aufrufen.

Die Schaltfläche Beschriftung ist "Microapp; und unten ist der src:

$scope.showMicroApp = function showMicroAppView(isMessagePanelOpen) { 
      // $scope.isEnvelopeOpen = !!isMessagePanelOpen; 
      $scope.changeRoute('/microapp'); 
      $location.path('/microapp'); // HOW DO I REDIRECT? 
     }; 

Warum mache ich das?

Ich mache das, um die Unabhängigkeit im vorderen Teil meines Projekts zu erreichen. So dass, wenn ich einen bestimmten Bildschirm/Modul ändern, muss ich nicht das gesamte Projekt erstellen. Ich kann einfach das geänderte Modul erstellen und die Änderungen sehen. Ist das erreichbar? Muss ich die bestehende Implementierung des Projekts B ändern?

Bitte helfen, wenn Sie irgendwelche führen.

Answer 1

Da Sie Ihre Anwendungen A und B getrennt gehostet haben, sollten Sie zum absoluten Pfad statt relativ navigieren.

Sie müssen nicht die beiden Anwendungsmodule erstellen. Erstellen Sie nur die geänderten Module, da beide separat auf Ihrem Webserver gehostet werden und unabhängig voneinander funktionieren.

Ich hoffe, diese Informationen werden hilft