如何在angularjs中查看控制台中的范围内容？

Question

我正在开发一个angularJs项目，我需要在$ scope中调试一个变量，但由于一些奇怪的原因我无法在浏览器开发者控制台中设置断点，我正在使用IE9 有没有办法在范围内看到var的包含，没有设置断点？

Answer 1

这样做的两种方法是：

在控制台中写： angular.element（$（＆＃39; #lementId＆＃39;））。scope（）//你会看到$ scope的包含 您必须确保您选择的元素位于定义控制器的html元素中，例如：

    <div ng-controller="MyCtrl">
          <div  id="elementId'">This div is within MyCtrl controller</div>
     </div>

实现它的其他方法是： 使用json过滤器绑定变量，这样您就可以在视图中看到打印为json的变量的内容

    <div>{{myVar | json}}</div>

我用工作的jsfiddle示例写了一个关于这个的挑战： http://www.jomendez.com/2015/06/02/content-scope-challenge-5/