javascript如何通过控制台调试变量,该变量由AngularJS中的controllerAs绑定到控制器

通常,当我使用Controllers时,我会将所需的数据绑定到$scope以便从标记访问它们.但是,当我使用controllerAs时,数据应附加到控制器中的“ this”.

因此,“ this.foo =’bar’”而不是“ $scope.foo =’bar’”

但是,如何使用开发者控制台从浏览器中调试数据呢？通常,我有“ AngularJS Batarang”插件,可以打印当前作用域中的所有内容,但是我不知道如何打印绑定到控制器的数据.

解决方法:

实际上,您以相同的方式使用$scope； controllerAs名称将在您的$scope上.

因此,如果controllerAs被命名为“ myController”：

>打开开发人员工具
>在页面上为某些内容选择“检查元素”.您的控制台窗口现在可以访问该元素的$scope(感谢Batarang)
>现在,您可以输入$scope.myController.foo来访问属性.

每次在DOM中选择一个不同的元素时,控制台窗口中的$scope对象都会引用适当的元素.