Utilisation d'Angular et d'Angular JS 1.4 en Hybride

Version imprimable

14/01/2021, 15h27
pcouas

Utilisation d'Angular et d'Angular JS 1.4 en Hybride

Bonjour

Je regarde actuellement si je vais migrer en incrémental une application AngularJS 1.4 ecrite avec des Controlleurs et des directives en Angular11.
Migrer mes 64 controlleurs et 117 services en component me semble couteux.
Avez vous une solution pour faire "cohabiter" et non pas "communiquer" les deux versions, c'est juste au niveau de l'authentification que je pense avoir un soucis.
Je precise que l'application à migrer utilise bcp de $scope.

Merci de vos idees
Phil
16/01/2021, 08h55
dukoid

En effet, s'il n'y a pas au moins une communication pour avertir de l'authentification d'un utilisateur sur l'autre appli.

je vois que cette solution :

A1.4 englobe un gros composant Web Elements écrit en A11
Ainsi A1.4 passe simplement les données de l'authentification à A11

ma seule interrogation est sur le routing, est ce que A1.4 et A11 peuvent partager le routing ?
faut tester !

routing dans Angular Elements
https://stackblitz.com/edit/angular-...e.component.ts

Cela me dispensera t'il de migrer le vieux code ecrit en Controller et Directive vers des Components ? (au moins dans un premier temps, afin de reecrire tranquille)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
myappApp.controller("CreationCommandeController", ['$scope', '$filter','$q', "NotificationService","DossierPService","CreationCommandeService", "CommandeProduitManager","UtilService", "$timeout","ItemService","MultilingueService","CommandeBinauralService",
                                                      function($scope, $filter, $q,NotificationService, DossierPService, CreationCommandeService, CommandeProduitManager, UtilService, $timeout, ItemService,MultilingueService,CommandeBinauralService){ 
	$scope.codeRemplacement = MultilingueService.mlTypeCommandeRemplacement;
 
 
	....
	.....
		$scope.validDateCommande = function(){
		if(new Date($scope.Commande.date) > new Date()) 
			$scope.Commande.date = $filter('date')(new Date(),"yyyy-MM-dd");
		else if(new Date($scope.Commande.date) < tempDate)
			$scope.Commande.date = $filter('date')(tempDate, "yyyy-MM-dd");
	}

18/01/2021, 12h19
krakatoa

oui

le composant web elements Angular comprends tout le code et son propre routing
angularJS tourne de son coté et englobe ce composant (qui tourne de son coté), les 2 sont donc liés.

après, tu peux faire un test avec une appli Angular avec routing et voir si ça fonctionne.
on ne peut pas te répondre vu qu'on l'a jamais mis en place