Как правильно мигрировать на другую версию AngularJS?

Question

[klinnov]

Здравствуйте!
Хочу мигрировать в своем приложении с 1.5 на 1.6 версию.
Есть ли какие автоматические инструменты?
И что лучше делать сначала: обновлять саму версию AngularJS а затем код или наоборот?
Есть какие-то подводные камни?
Спасибо!

Comments

[emp1re]

Какие цели вы бы хотели получить при этом?

https://docs.angularjs.org/guide/migration#migrati...

[klinnov]

emp1re: работающая программа на более новой версии)

[klinnov]

emp1re: Что лучше делать сначала: обновлять саму версию AngularJS а затем код или наоборот?

[Frozen Coder]

klinnov: как вы собрались писать на новой версии без обновления самой версии? Оо Почитали доки об изменениях и новшествах. Обновили версию, запустили тесты, посмотрели, что сломалось, починили. Нет тестов? Ну почувствуйте боль и осознайте)

[klinnov]

Eugene Aristarhov: Спасибо! Можно как-то автоматизировать обновление этого - https://github.com/angular/angular.js/commit/b54a3... ? Только ручками?

[Frozen Coder]

klinnov: не знаю точно, но скорее всего ручками.

Answer 1

[ozknemoy]

больших подводных камней нету. вот то что я у себя добавил с версии 1.5.8

$qProvider.errorOnUnhandledRejections(false);//for fix 4 errors in angular 1.6
    $compileProvider.commentDirectivesEnabled(false);//for angular 1.6
    $compileProvider.cssClassDirectivesEnabled(false);// надо сначала удалить директиву ui-view в классе
$compileProvider.preAssignBindingsEnabled(true); //todo for angular 1.6

в доках все описывается зачем это. плюс мои комменты

Answer 2

[Владимир]

Нужно внимательно прочитать
https://github.com/angular/angular.js/blob/v1.6.1/...
раздел Breaking Changes
Как минимум вот тут можно получить граблями

Previously, $compileProvider.preAssignBindingsEnabled was set to true by default. This means bindings were pre-assigned in component constructors. In Angular 1.5+ the place to put the initialization logic relying on bindings being present is the controller $onInit method.

To migrate follow the example below:

Before:

angular.module('myApp', [])
  .component('myComponent', {
    bindings: {value: '<'},
    controller: function() {
      this.doubleValue = this.value * 2;
    }
  });

After:

angular.module('myApp', [])
  .component('myComponent', {
    bindings: {value: '<'},
    controller: function() {
      this.$onInit = function() {
        this.doubleValue = this.value * 2;
      };
    }
  });

Comments

[Владимир]

Быстрый фикс этого чтобы не переписывать описали выше
$compileProvider.preAssignBindingsEnabled(true); //todo for angular 1.6