Angular.js: angular.element.scope()는 정의되지 않은 값을 반환합니다.

문제의 plnkr 재생산을 제공할 수 있습니까?

내 프로젝트에 동일한 문제가 있지만 plnkr을 사용하여 재현할 수 없습니다.

scope()는 모든 요소에서 undefined를 반환합니다.

JQLite 또는 JQuery 2.1.1을 사용하는 것도 동일합니다.

AngularJS 1.3.1.

이 시도:

document.addEventListener('DOMContentLoaded', function () {
  angular.element(document.body).scope();
});

@VictorQueiroz 프로젝트에서 디버그 정보를 비활성화하고 있습니까?

@caitp 찾았습니다.

디버그 정보를 다시 활성화하면 이 문제를 해결할 수 있습니다.

좋은 해결 방법

:스마일: :스마일: :스마일:

한동안 반응을 하지 못해 죄송합니다. 이 문제는 jqCache 또는 더 구체적으로 expandoId가 생성되는 방식과 관련이 있습니다. 이전 RC에서는 id가 다음과 같이 생성되었습니다.
var expandoId = element[JQLite.expando];
최신 항목에서는 id가 하드 코딩된 속성을 사용하여 가져옵니다.
var expandoId = element.ng339;
변경 사항을 되돌리면 문제가 해결되었습니다.
불행히도 나는 그 내용에 대해 많이 알지 못하므로 누군가 기능에 대해 밝힐 수 있다면 아마도 문제를 더 자세히 설명할 수 있을 것입니다.

오 와우 감사합니다 @caitp 저를 미치게
$compileProvider 의 문서에 $compileProvider.debugInfoEnabled(false) 가 예상되는 동작인 경우 scope() 함수가 정의되지 않은 값을 반환하게 한다고 설명하는 메모가 있어야 합니다.

편집: 내 나쁜, 그것은 이미 문서에 있습니다

DOM 요소에 대한 바인딩 정보 및 현재 범위에 대한 참조 추가와 같은 컴파일러에서 다양한 디버그 런타임 정보를 활성화/비활성화하려면 이 메서드를 호출합니다.

이 문제를 해결하는 방법이 있습니까? debugInfoEnabled(false)가 있지만 여전히 요소의 범위에 액세스할 수 있습니까?

디버그 정보를 일시적으로 활성화하려면(예: 라이브 프로덕션 앱에서 문제를 디버깅하기 위해) 여기에 설명된 대로 angular.reloadWithDebugInfo() 를 사용할 수 있습니다 .

@gkalpak이 여기에서 설명했다고 생각합니다!

왜 폐쇄? 해결 방법을 찾는 것이 문제가 수정되었음을 의미하는 것은 아닙니다. scope()는 디버그 모드에 관계없이 연결된 범위를 반환해야 합니다.

가능하지 않다면 angular.element #scope() 문서에

@Toilal 이 스레드의 이전 의견에서 언급한 대로 이미 문서화되어 있으므로 닫았습니다. 그러나 다른 장소에서도 문서화되어야 한다고 생각하신다면 PR은 대단히 감사하겠습니다!

디버그를 비활성화할 때 angular.element의 마녀 메서드가 작동하지 않을지 확신하지 못하기 때문에 할 수 없습니다. 내가 시도했기 때문에 scope()는 확실하지만 controller(), injector()와 같은 다른 것들은 어떻습니까?

테스트 후에는 scope() 및 isolateScope()에만 영향을 줍니다. 나는 그것들을 문서화하고 PR을 할 것이다.

그러나 디버그 정보를 비활성화한 상태에서 DOM 요소에서 범위를 검색하는 방법이 있습니까?

@Toilal - 실제로는

하지만 그렇게 할 수 있는 지시문을 작성하고 확인해야 하는 요소에 배치하는 것은 그리 어렵지 않을 것입니다.

@pkozlowski-opensource 감사합니다. 문서에서 scope() 및 isolateScope()에 대한 작은 문장을 추가했습니다. 그 방법이 내 애플리케이션에서 작동하지 않는 이유를 파악하는 데 시간이 걸리기 때문입니다.

@ocombe 내가 할 일은 UI 구성 요소를 작성 중이고 최종 개발자가 디버그 정보를 비활성화할 수 있으므로 scope/isolateScope에 의존할 수 없기 때문입니다(권장 사항).

setTimeout(함수() {
console.log(angular.element(document.body).scope());
}, 100);

@ronnievdv

이 문제를 해결하는 방법이 있습니까? debugInfoEnabled(false)가 있지만 여전히 요소의 범위에 액세스할 수 있습니까?

지시문 정의의 link 함수에서 다음 snipet _(권장하지 않음)_ 메서드를 사용했습니다.

link: function(scope, element, attrs) {
  var isolatedScope = scope.$$childTail;
}

debugInfo가 비활성화되었거나 이에 대한 플래그가 있는지 확인할 수 있는 방법이 있습니까?

앱 내에서 $compileProvider.debugInfoEnabled() 사용할 수 있습니다.
디버그 정보가 비활성화된 라이브 인스턴스(예: 프로덕션 배포)를 디버그하려는 경우 콘솔에서 angular.reloadWithDebugInfo() 를 호출하면 디버그 정보가 활성화된 앱이 다시 로드됩니다.

@gkalpak 디버그 정보가 활성화되어 있는지 확인하고 싶습니다. 약간 이렇습니다.

if(angular.isDebugInfoEnabled()) {
  // Do something
}

@hemkaran , 당신이 그것을 확인하고 싶은 _어디_에서_ 분명하지 않습니다. 나는 당신의 앱 내부에서 가정합니다.
사실이라면 $compileProvider.debugInfoEnabled() 사용할 수 있습니다.

@Toilal 그런 지시문을 작성 했습니까? 그렇다면 공유하시겠습니까? 지금 이 문제가 있습니다. 나는 내가 해결책을 찾을 것이라고 가정하지만, 그것을 해결하는 방법에 대한 두 번째 의견을 갖는 것은 정말로 해롭지 않을 것입니다.
cc @ocombe

죄송합니다. 더 이상 Angular 1을 사용하지 않으며 그러한 지시문을 작성할 필요가 없었습니다(개발 모드에서만 이 정보가 필요했기 때문에)

나는 다음을했다. 팀원들이 리뷰를 통해 허락해줄지 지켜보도록 하겠습니다 :)

function exposeScope() {
    return {
        restrict: 'A',
        link: function(scope, element) {
            element[0].APPNAME = {
                getScope: function() {
                    return scope;
                }
            };
        }
    };
}

return {
        restrict: 'A',
        scope: false,
        link: function(scope, elem) {
            elem.data('$scope', scope);
        }
    };

필요한 경우 $isolateScope를 동일하게 설정할 수도 있습니다.