Angular.js: $onChanges 수명 주기 후크에서 UNINITIALIZED_VALUE 감지

에 만든 2016년 07월 15일 · 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 에 2016년 07월 15일

👍35 🎉3

모든 5 댓글

각 change 개체( changes 개체에 포함됨)에는 이 정확한 목적을 위한 isFirstChange() 메서드가 있습니다.

gkalpak 에 2016년 07월 15일

👍35 🎉3

isFirstChange() 는 변경 개체에서 사용할 수 없으므로 다음 코드를 사용했습니다.

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

saurajit 에 2018년 09월 11일

👎5

@saurajit 있는 것 같지 않지만(예: Dev 도구 콘솔에서 change.expr 개체를 가리킬 때 누락된 것으로 나타남) 해당 기능은 개체의 프로토타입에 숨겨져 있습니다. changes.expr.isFirstChange() (또는 귀하의 예에서 changesObj.fieldInfo.isFirstChange() )를 실행해 보십시오.

poshest 에 2018년 09월 26일

👍3

isFirstChange() 는 변경 개체에서 사용할 수 없으므로 다음 코드를 사용했습니다.
ctrl.$onChanges = function (changesObj) { if (changesObj.fieldInfo.previousValue.constructor.name === 'UNINITIALIZED_VALUE') { init(); } };

죄송하지만 축소된 번들에서는 작동하지 않습니다.

ThibaudL 에 2020년 01월 23일

https://github.com/angular/angular.js/issues/14917#issuecomment -232971141에서 언급했듯이 isFirstChange() 메서드는 changes 내부의 모든 _ 객체 _에 있습니다. 따라서 이 경우 changesObj.fieldInfo.isFirstChange() 이어야 합니다.

gkalpak 에 2020년 01월 23일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Angular.js: $onChanges 수명 주기 후크에서 UNINITIALIZED_VALUE 감지

가장 유용한 댓글

모든 5 댓글

관련 문제