在Chrome开发人员工具中调试AngularJS?

时间:2015-11-24 16:57:48

标签: javascript angularjs google-chrome

我正在尝试在我们的应用中调试foreach (T pattern in datePattern.Value) 问题,当我进入$http时,调试器没有显示任何AngularJS局部变量的值。悬停不显示任何内容,右键单击“在控制台中评估”会抛出$http.get

在调试过程中是否有人在AngularJS中看到变量的值?

感谢。

[编辑布鲁诺] 这是上下文丢失的代码,(angular.js(1.4.8)):

Uncaught ReferenceError: url is not defined

步入function createShortMethods(names) { forEach(arguments, function(name) { $http[name] = function(url, config) { return $http(extend({}, config || {}, { method: name, url: url })); }; }); } (上图),$http.geturl都没有调试器中的值。 config可能有一个值,因为通过网络访问REST API。

尝试过Batarang,它不想使用Angular 1.4.8

[更新] 看起来这与Angular使用严格模式有关,我将不得不解决这个问题。

感谢每个人的时间和时间。想法。

2 个答案:

答案 0 :(得分:0)

您可以尝试AngularJS Batarang。它用于调试角度应用程序。 ng-inspector for AngularJS也可以帮助您。

答案 1 :(得分:0)

您可以在$http.get(XXX)之前添加断点,然后在Chrome控制台中,您可以通过编写名称来检查变量。