一尘不染

angularjs ng-click默默地吃掉错误

angularjs

如果我有这样的ng-click:ng-click =“ buggy()”并单击,控制台上不会生成任何错误消息。

这使得调试起来有些棘手。

为什么不生成错误消息?我能做什么?


阅读 262

收藏
2020-07-04

共1个答案

一尘不染

角度表达式

实际上,这不是什么特别的ng-click,它是 角度表达式 的默认行为。

buggy()不使用常规javascript进行评估。用评估$parse

$parse 计算表达式并返回将在范围内运行的函数。

$parse 仅当表达式无效时才记录错误。

角度表达式评估是宽容的,我想不出任何方法通过它。

为什么表达式是宽容的?

Angular表达式允许未定义和null的基本原理与数据绑定有关。当绑定变量被编译到DOM中时,它们最初可能是未定义的或为null-
一个真正清晰的例子是绑定变量依赖于promise。Angular团队决定,与其达成承诺之前,不弹出错误消息,不如继续静默进行。

Angular指南到表达式

如果未定义a,则什么也不显示比抛出异常更有意义(也许我们正在等待服务器响应,并且它将很快被定义)。如果表达式评估不能原谅,我们就必须编写会使代码混乱的绑定,例如:{{((a
|| {})。b || {})。c}}

另请参见:https :
//groups.google.com/forum/m/#!topic/
angular/
HRVOUKEHLFw


角度表达式

表达式是类似于JavaScript的代码段,通常放置在诸如{{expression}}之类的绑定中。表达式由 $ parse
服务处理。表达式通常使用过滤器进行后期处理,以创建更加用户友好的格式。

角表达式与JS表达式

将Angular视图表达式视为JavaScript表达式可能很诱人,但这并不是完全正确的,因为Angular不使用JavaScript
eval()来评估表达式。您可以将Angular表达式视为具有以下区别的JavaScript表达式:

  • 属性评估 :所有属性的评估均针对进行评估的范围,这与JavaScript中针对全局窗口评估表达式的JavaScript不同。

  • 宽恕
    :表达式评估宽容为undefined和null,这与JavaScript中的情况不同,在JavaScript中,尝试评估未定义的属性可能会生成ReferenceError或TypeError。

  • 没有控制流语句 :您不能在角度表达式中执行以下任何操作:条件,循环或抛出。

2020-07-04