I am new to Angular and I'm exploring the possibility of accessing another application that is hosted on a different port, has its own repository, and uses a different version of Angular. Let's assume I have two Angular Typescript projects named A and B.
=======================================
Project A configuration:
Angular 1.5
Typescript 2
Grunt for build tasks.
running on localhost:8080
=======================================
Project B configuration:
Angular 2
Typescript 2
Webpack for build tasks.
running on localhost:9000
=======================================
Both apps, A and B, are hosted on separate repositories. Now, imagine project A being the master and having a tab (button) that, when clicked, should open the index page from project B.
The button is labeled 'microapp', and here is the source code:
$scope.showMicroApp = function showMicroAppView(isMessagePanelOpen) {
// $scope.isEnvelopeOpen = !!isMessagePanelOpen;
$scope.changeRoute('/microapp');
$location.path('/microapp'); // HOW DO I REDIRECT?
};
What is the purpose of this?
I aim to achieve greater flexibility in the front-end part of my project. This way, if I make changes to a specific screen/module, I won't have to rebuild the entire project. I can just modify the affected module and see the updates immediately. Is this feasible? Will I need to alter the existing setup of project B?
If you have any suggestions or guidance, please share them.