Переход AngularJS на использование импорта / экспорта

Question

Наш проект в настоящее время все еще работает на AngularJS (v1.6) + TypeScript, но мы хотим начать готовить приложение к обновлению до последней версии Angular, внедряя компоненты, аналогично тому, как они написаны на Angular. В настоящее время мы не используем импорт или экспорт, но хотим вводить это постепенно. То есть мы хотели бы начать использовать:

import * as angular from "angular";
import { MyComponentComponent } from './MyComponent.component';

export default angular
  .module('myModule', [])
  .component('myComponent', MyComponent);

вместо

angular
  .module('myModule', [])
  .component('myComponent', MyComponent);

Однако это в настоящее время вызывает проблемы из-за области действия. Наше приложение теперь имеет глобальную переменную angular, к которой все привязано, в то время как импорт / экспорт создает замыкания, которые внедряют отдельный экземпляр angular, поэтому они не могут взаимодействовать.

Есть ли способ объединить два метода, чтобы мы могли постепенно обновить существующую систему?

Answer 1

Использование ngUpgrade для обновления углов очень хорошее предложение. С помощью этого вы можете модернизировать свой существующий проект angularjs гораздо более эффективным способом, таким как преобразование кода рядом друг с другом, запустив angularjs и angular code одновременно. Чтобы успешно выполнить миграцию, необходимо выполнить следующие шаги:

1. Установка зависимостей для Angular и ngUpgrade.
2. Настройка ngUpgrade для вашего проекта.

Мы также в настоящее время находимся в процессе перевода нашего проекта angularjs на angular. Мы следовали за ссылками ниже для нашей миграции. Он предоставит вам подробный обзор процесса и надеется, что он поможет вам в некотором роде:

• https://scotch.io/tutorials/get-started-with-ngupgrade-going-from-angularjs-to-angular
• https://blog.angular.io/migrating-to-angular-fc9618d6fb04
• https://medium.com/contentsquare-engineering-blog/angularjs-to-angular5-upgrading-a-large-application-7e6fbf70bafa
• https://itnext.io/an-alternate-way-to-angular-migration-c7932cf05a1b

Answer 2

Есть два способа (2 и 3 похожи, но по-разному действуют):

1. Перезапись приложения (лучший способ, но сложный для больших приложений)
2. Переход в гибридное состояние (например, обновление без разветвления с помощью переходное гибридное приложение с AngularJS и Angular 5). См. AngularJS до Angular5 - Обновление большого приложения
3. Миграция каждого модуля мудро. См. Перенос приложений Angular 1 на последние версии Angular за 5 простых шагов

Answer 3

Попробуйте использовать NgUpgrade, он обновит ваше приложение до последней версии.

Посмотрите на https://angular.io/guide/upgrade