为什么我的范围是未定义的？

Question

我有以下html：

我试图获得如下范围：

console.log("app element scope: " + $('#angularHeaderDiv').scope());

但我收到：未定义。

我是angularJS初学者，我只是不明白为什么这不起作用。

更新：这也不起作用：

var appElement = document.getElementById('angularHeaderDiv');
console.log("app element scope: " + angular.element(appElement).scope());

更新2：我试图在控制台中打印出作用域的所有代码：

   angular.module('cmApp', [ 'pascalprecht.translate' ])
.config(function($translateProvider) {

    $translateProvider.useStaticFilesLoader({
        prefix : '/resources/angular/scripts/languages/locale-',
        suffix : '.json'
    });

    // add translation table
    $translateProvider.preferredLanguage('en');

    var appElement = document.getElementById('angularHeaderDiv');
    console.log("app element: " + angular.element(appElement).scope());
});

Answer 1

我认为您实际上没有范围。假设您的意思是$scope，它是一个在控制器和DOM的一部分之间共享的环境，并且通过AngularJS依赖项注入机制将其注入控制器内部。除此之外，我看不到您的“#angularHeaderDiv”与任何作用域之间有任何关联，因为这个div甚至与任何控制器都没有关联。

我对AngularJS也不太有经验，但实际上我从未见过你在这里试图完成什么。

编辑

在看到您的编辑之后，您试图访问config中的DOM元素，我想说这肯定是一种非AngularJS的方法来解决您的问题。我建议你阅读更多关于框架的内容。

Answer 2

如果代码中有此项：

$compileProvider.debugInfoEnabled(false);

...然后scope（）和isolateScope（）将返回undefined。如果将其设置为false，您会注意到其他事情，如ng scope和ng isolate scope从元素的class=属性中消失。

见：https://code.angularjs.org/1.3.16/docs/guide/production#disabling-debug-data