Angular.js: Обнаружение UNINITIALIZED_VALUE в ловушке жизненного цикла $ onChanges

Созданный на 15 июл. 2016 · 5Комментарии · Источник: angular/angular.js

С помощью наблюдателя вы можете определить, запускается ли он впервые, проверив, совпадают ли новое и старое значения:

$scope.$watch('expr', function (newValue, oldValue) {
    if (newValue === oldValue) {
        // first time running
    }
});

Однако с крючком жизненного цикла Angular 1.5 $onChanges объект-заполнитель UNINITIALIZED_VALUE - это предыдущее значение. Однако нет простого способа проверить это. Вы можете сделать это, проверив имя конструктора:

ExampleController.prototype.$onChanges = function (changes) {
    if (changes.expr.previousValue.constructor.name === 'UNINITIALIZED_VALUE') {
        // first time running
    }
};

но это похоже на хитрость.

Лучшее решение, которое я могу придумать, - это хранить объект UNINITIALIZED_VALUE как константу (только для чтения) где-то (например, angular.UNINITIALIZED_VALUE ) для сравнения, хотя, вероятно, есть и другие решения.

Спасибо!!

works as expected

Источник

jkjustjoshing

👍4

Самый полезный комментарий

Каждый объект change (содержащийся в объекте changes ) имеет метод isFirstChange() для этой цели.

gkalpak 15 июл. 2016

👍35 🎉3

Все 5 Комментарий

Каждый объект change (содержащийся в объекте changes ) имеет метод isFirstChange() для этой цели.

gkalpak 15 июл. 2016

👍35 🎉3

Я использовал следующий код, поскольку isFirstChange() недоступен в объекте изменений:

ctrl.$onChanges = function (changesObj) { if (changesObj.fieldInfo.previousValue.constructor.name === 'UNINITIALIZED_VALUE') { init(); } };

saurajit 11 сент. 2018

👎5

@saurajit не похоже, что он там (например, в консоли инструментов Dev он отсутствует при наведении курсора на объект change.expr), но эта функция скрыта в прототипе объекта. Попробуйте выполнить changes.expr.isFirstChange() (или в вашем примере changesObj.fieldInfo.isFirstChange() ).

poshest 26 сент. 2018

👍3

Я использовал следующий код, поскольку isFirstChange() недоступен в объекте изменений:
ctrl.$onChanges = function (changesObj) { if (changesObj.fieldInfo.previousValue.constructor.name === 'UNINITIALIZED_VALUE') { init(); } };

Извините, но это не будет работать с минифицированным пакетом.

ThibaudL 23 янв. 2020

Как упоминалось в https://github.com/angular/angular.js/issues/14917#issuecomment -232971141, метод isFirstChange() используется для каждого _ объекта _ внутри changes . Итак, в этом случае это должно быть changesObj.fieldInfo.isFirstChange() .

gkalpak 23 янв. 2020

Была ли эта страница полезной?

0 / 5 - 0 рейтинги