2016-01-14 5 views
6

У меня есть угловое приложение с версией 1 так могу я обновить его с угловой версией 2обновление угловых 1 до 2

Мы начали разрабатывать новый проект, который обозначенный будут построен с Угловым, поскольку каждым из наш предыдущий, важность этого проекта очень высока, и он будет жить и поддерживать в течение как минимум лет.

Угловой 2.0 пришел в бета-режиме, и кажется, что все вот-вот изменится, $ scope отсутствует, директивы отсутствуют, и вся концепция DI собирается измениться.

  1. Существует ли путь миграции/стратегия, которая будет рассмотрена в ближайшие несколько месяцев?
  2. Если мы построили проект с использованием 1.x, какое действие нам нужно предпринять во время разработки, чтобы обеспечить чистую миграцию? Являются ли эти 2 версии 2-мя рамами?

Пожалуйста, помогите мне разобраться.

ответ

3

Включение смешивания угловых 1 и угловых 2 в одном и том же приложении. Вы можете смешивать угловые 1 и угловые 2 компоненты в одном и том же виде. Угловые 1 и Угловые 2 могут вводить услуги через каркасы. Связывание данных через каркасы.

процесс обновления

Применение:

  1. Включить угловые 2 и нг-обновления библиотеки с вашим существующим приложением
  2. Выберите компонент, который вы хотели бы перенести
    • Редактировать угловой шаблон 1 директивы для соответствия синтаксису Angular 2
    • Преобразование контроллера директивы/функции связывания в синтаксис/семантику Angular 2
  3. Использования нг-обновления для экспорта директивы (теперь компонент) как Угловые 1 компонент (это необходимо, если вы хотите, чтобы вызвать новый Угловой 2 компонент из угловых 1 шаблона)
  4. Выберите сервис, который вам хотел бы перейти на:
    • Большинство услуг должно требовать минимального изменения.
    • Настройка службы в угловой 2.
    • (необязательно) Реэкспорт службы в угловые 1, используя нг-обновление, если она по-прежнему используется другими частями Углового 1 кода
  5. Repeat делать шаг # 2 и № 3 в порядке, удобном для разработки вашего приложения
  6. Как только больше не нужно преобразовывать сервисы/компоненты, снимите верхний уровень Угловой 1 бутстрап и замените его на Угловой 2 бутстрапа.

исй: http://angularjs.blogspot.com/2015/08/angular-1-and-angular-2-coexistence.html

5

Я думаю, что переход от Angular 1 до 2 не так плохо, как большинство людей думают, что это.

В принципе, вам нужно разбить его и перенести концепции первого ...

  • Бутстрапирование
  • Контроллеры
  • Директивы
  • Компоненты
  • Модули
  • Routing
  • Услуги
  • Форма
  • Фильтры

Почти все из них могут быть отображены обратно к понятиям 1.x - даже если есть не 1: 1 отношение. Как только вы поймете, как все это делается, гораздо легче решить, как медленно перенести существующий код на новые концепции.

Трудно покрыть все эти вещи одним единственным ответом, так что, возможно, проверьте ngmigrate.telerik.com, который идет намного подробнее.

0

Существует онлайн-сайт, который преобразует угловые фрагменты кода HTML 1.x в Angular 4.x. он не поддерживает ts, но если у вас есть старое приложение с большим количеством HTML-страниц, это может пригодиться.

https://www.linkedin.com/pulse/online-angular-1x-4x-converter-balram-chavan

http://angular.cloud