javascript console.log가 동일한 객체에 다른 값을 표시합니다.

Question

AngularJS 앱에서 작업하고 있습니다. console.log에 객체 (지시자 연결 함수의 attrs 매개 변수)가 브라우저에서 일치하지 않는 결과를 매개 변수 "editable"에 표시합니다 (이미지 참조). Chrome에서이 속성은 'zzz'과 undefined로 평가됩니다 (5 행 1 위 참조). Safari에서는 출력이 다르게 표시되지만 console.log (object.editable)에서는 "editable"속성이 "zzz"로 나타나고 console.log (object.editable)에서는 속성이 정의되지 않습니다.

힌트가 있습니까? 나는 당신의 HTML이

<div my-directive editable="{{someScopeProperty}}"...></div> 

같은 것입니다 추측 것 console.log() showing contradictory values for the same object property

Answer 1

당신은 당신의 링크 기능에 console.log()를 호출하는 것을 :

나는이 문제가 관련되어 생각 . 링크 함수가 실행될 때 보간 된 특성은 아직 정의되지 않았습니다. 보간 값을 비동기 적으로 가져 오려면 $observe 또는 $watch을 사용해야하므로 값을 기록하려고하면 undefined이됩니다. 곧 값이 정의되고 Chrome은 자동으로 값을 업데이트하는 것처럼 보입니다. (실제로는 개별 값이 아닌) 전체 개체를 기록한 콘솔에서 Chrome이 자동으로 값을 업데이트하는 것으로 보입니다.