检测 AngularJS 标签中的输入错误

Detect Typing errors in AngularJS tags

我是 AngularJS 的新人,有一件事让我很困扰。在检测 [=33= 中的输入/语法错误时,似乎根本没有任何帮助,无论是来自编辑器(我正在使用 Visual Studio 和 Resharper),还是来自浏览器/运行时组件] 指令,例如“ng-repeat”。例如,如果我输入

<tr ng-repeat="f in m.myAray" />(注意缺少的"r")

而不是

<tr ng-repeat="f in m.myArray" />

我只看到没有 table 行。我完全靠自己通过仔细查看源代码来找到原因。我不会在浏览器控制台 window 或任何地方得到任何线索。即使是 R# 也不会警告我。

我担心我会被扔回到没有"option explicit"的情况下使用VB6编程的古老时代,在那里找到这样的错误原因很容易占用半天时间,仅仅因为有人拼写了变量名错误。

我是否忽略了一些明显的东西?或者我只是一个习惯于依赖智能感知和 R# 解决所有问题的被宠坏的程序员?

智能感知, 其中一个答案应该能帮到你。

对于调试AngularJS Batarang 允许您查看 angular 应用程序中使用的范围。

当然,它不会标记任何语法错误或命名错误的变量,但它至少可以让您确认指令的范围可以看到和使用哪些变量。由此您应该能够确定范围内不存在 myAray 并且应该将其重命名为 myArray (如您的示例所示)。

这将在(希望不久的将来)得到 Resharper 的支持。 https://youtrack.jetbrains.com/_persistent/angular_support.gif.gif?file=74-377248&c=true&rw=853&rh=476&u=1484832480398

查看功能请求https://youtrack.jetbrains.com/issue/RSRP-462599

大家都很期待:-)