为什么我的范围未定义？

Question

我有以下html：

我正在尝试获得如下范围：

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

但我收到了：undefined。

我是 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

如果你的代码中有这个：

$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

Answer 2

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

我对 AngularJS 也不是很有经验，但实际上我从未见过你在这里想要完成什么。

编辑

看到您的编辑，您尝试访问 config 内的 DOM 元素，我会说这肯定是解决您问题的非 AngularJS 方法。我建议您阅读有关该框架的更多信息。