Angular 1.6.0 onInit как это работает?

Question

[Valeriy Donika]

Чет я не могу выкупить, если у меня из одного компонента передается инфа,

bindings: {
            item: '=',
        },

пишу

const ctrl = this;

                this.$onInit = function() {
                    ctrl.item = this.item;
                };

пишет что undefined....
Так как теперь это работает ? :)

Answer 1

[Николай]

Изменилось то, что использовать биндинги нельзя в самом теле контроллера.
Они появятся только когда будет вызван $onInit.
Т.е. если вам нужно какое-то значение от биндинга посчитать - нельзя сделать так:

bindings : {
   item: '<'
}
function ctrl() {
    const vm = this;
    vm.coolVal = this.item * 2;
}

Т.к. биндинги ещё не будут инициализированы. Нужно делать это в $onInit.

Comments

[Stepanya]

What?

[Николай]

Stepanya https://github.com/angular/angular.js/blob/master/... первый же пункт

[Stepanya]

Николай: а как это относится к проблеме ТС?

[Николай]

Stepanya: ну по описанию было похоже, что человек прочитал changelog и не понял к чему это. Очевидно у него сломался код, который использовал значения биндингов не в $onInit (брейкинг чейнж в 1.6).

[Stepanya]

Николай: Извините, не подумал, о таком варианте

Answer 2

[Stepanya]

bindings: {
            item: '<'
        },

const ctrl = this;

                this.$onInit = function() {
                    console.log(ctrl.item);
                };

https://jsfiddle.net/jxcj2w79/2/

Comments

[Valeriy Donika]

Еслибы это работало я бы не задавал вопрос :)

[Stepanya]

Valeriy Donika: https://jsfiddle.net/jxcj2w79/2/

[Valeriy Donika]

Stepanya: Спасибо. Видимо проблема у меня не в этом... пойду копать почему пол сайта undefined. Всё компонентами сделано...

[Valeriy Donika]

Stepanya: s1.micp.ru/V4BP1.png , s1.micp.ru/54q6m.png пишет undefined... помогите разобраться...

[Stepanya]

Valeriy Donika: проверьте, не пуста ли category.products. Поставьте angular batarang для хрома и посмотрите $scope у элемента

[Stepanya]

Valeriy Donika: возможно у вас category.products назначается после инициализации productList, например в categoryList. Если так, то вам стоит инициализировать уже в $onChange

[Valeriy Donika]

У меня вся инфа берется из роут резолв.
К примеру:
s2.micp.ru/x3r73.png

При этом зайдя на страницу продукта тоже ничерта не работает :)) А если прописать $compileProvider.preAssignBindingsEnabled(true); - то сайт работает так медленно что плакать хочется... Короче пойду откачусь до 1.5.9... Спасибо за помощь

[Stepanya]

Valeriy Donika: мне кажется откат Вам не поможет. stackoverflow.com/questions/35486742/resolve-not-a...

[Stepanya]

Valeriy Donika: в productCtrl добавьте в $onInit() { vm.product = product;}. Не надо использовать $scope

[Valeriy Donika]

Stepanya: так у меня $scope нет вообще :) Я его не использую. У меня всё сделано компонентами где данные берутся из resolve. Либо с parent компонента биндингом.

[Stepanya]

Valeriy Donika: если я не ошибаюсь, то $resolve пихался в $scope

[Valeriy Donika]

https://docs.angularjs.org/guide/component#compone... как круто что тут не рассказывается про onInit....