暴露angular.js中的JavaScript错误

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了暴露angular.js中的JavaScript错误，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1696字，纯文字阅读大概需要3分钟。

内容图文

在某些情况下,角度引擎不会输出原始javascript错误.例如

myapp.directive('helloWorld', function() {
return {
    scope: '@',
    restrict: 'AE',
    template: '<p ng-click="clearMessage2()">Hello, World! {{message}}</p>',
    link: function(scope, elem, attrs) {
       scope.clearMessage = function() {
          scope.message = '';
       }
   }
}});

当我单击由指令生成的p元素时,我期望控制台中的错误表示未定义clearMessage2(),但这不会发生,并且检查事情的唯一方法是在clearMessage定义中使用console.log.

是否可以更改angular.js的行为并且不隐藏JS代码内部发生的错误？

解决方法:

有可能,但不建议这样做.问题在于,angular不会按原样执行ng-click指令中的方法(就像在常规onclick中一样),而是使用$parse服务对表达式求值.从角度文档：

Angular does not use JavaScript’s eval() to evaluate expressions.
Instead Angular’s $parse service processes these expressions.

故意在Angular中执行表达式评估.

In JavaScript, trying to evaluate undefined properties generates ReferenceError or TypeError. In Angular, expression evaluation is forgiving to undefined and null. It makes more sense to show nothing than to throw an exception if a is undefined (perhaps we are waiting for the server response, and it will become defined soon). If expression evaluation wasn’t forgiving we’d have to write bindings that clutter the code

因此,$parseProvider根本不会执行未定义的函数,而是将执行noop函数(这是空对象模式的实现).以下是$parseFunctionCall方法的摘录：

var fn = fnGetter(scope, locals, context) || noop;

空对象的执行不会做任何事情,这就是发生的事情.您可以通过修改$parseFunctionCall来执行任何函数,而不是执行noop函数,来实现所需的功能.

更改代码似乎是唯一的选择,因为这些服务的配置不足以满足您的用例.但是,除非您非常了解Angular API,否则我不建议您这样做.

有关其他阅读：

Angular expressions

$parse service

内容总结

以上是互联网集市为您收集整理的暴露angular.js中的JavaScript错误全部内容，希望文章能够帮你解决暴露angular.js中的JavaScript错误所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端