我如何从浏览器控制台调试范围变量?

时间:2016-08-26 14:28:33

标签: angularjs debugging variables angularjs-scope

注意:我正在更换此问题以提高评分。

如何从控制台调试角度范围变量?通常,我可以使用HTML中的{{angular_scope_variable_or_expression}}执行相同的操作。有时,我需要在使用Chrome浏览器的控制台和开发人员工具进行调试时快速找到范围变量的值。我能够从控制台使用以下表达式:

angular.element($('#element_id')).controller('ngModel').$viewValue

使用元素ID调试给定元素的模型值。但是,如果我已经定义了一个范围变量,我如何从控制台检查它的值?

塔雷克

旧问题:

注意:这是一个老问题。请忽略。

我使用基于此库的角度签名控件实现了一个简单的示例:

https://github.com/legalthings/angular-signature

使用简单示例时,我会在加载页面后立即收到此错误:

VM697 angular.min.js:103 Error: [$compile:nonassign] http://errors.angularjs.org/1.3.8/$compile/nonassign?p0=undefined&p1=signaturePad
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:6:416
    at l (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:58:364)
    at f (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:58:441)
    at Object.<anonymous> (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:109:503)
    at l.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:123:310)
    at l.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:126:362)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:448
    at Object.e [as invoke] (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:37:96)
    at d (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js:17:369)

当我绘制签名时,我在控制台中看到了这个错误:

VM697 angular.min.js:103 TypeError: f is not a function

但是,签名正在运行,正在检索数据URL。

点击此处查看示例:

http://plnkr.co/edit/TvpmtxjulMFHtTCR6SnZ?p=preview

按F12查看控制台错误。

我的代码有问题吗?

塔雷克

0 个答案:

没有答案