javascript - 调试 Angular 前端

Question

我们正在开发一个相对简单的 Angular 前端(1.4x 版)，并且我们一直在与拼写错误引起的非常小的错误作斗争。比如我们从服务器获取数据，然后放到scope中:

...
$scope.result = data.results
...

看到那里的复数了吗？这段代码可以正常工作，将 undefined 放入 $scope.result 中。当发生这种情况时，我们希望得到某种通知警告。 JSLint 等静态分析工具对此无能为力，因为它们完全无法知道服务器返回了什么。

这个问题在 HTML 模板中再次出现:

...
<p>The result is: <emph>{{results}}</emph></p>
...

在这里，无论我们尝试访问 undefined 属性，我们都不会收到任何通知。

有没有办法获得任何类型的通知？我们发现自己在这些错误上花费了大量时间。

Answer 1

WebStorm 将为您处理此类问题。例如，在我的代码 {{f.$error}} 中，我在末尾放置了一个额外的 r，WS 将其标记为拼写错误和 Unresolved 变量 $errorr。 WebStorm 在处理许多不同的框架工作方面表现出色，包括 Angular 和 Node。