Question

我是Angular的新手，因为我在我的过滤器中犯了一个错误，因此我遇到了一个问题。我错误地输入了属性的名称。

private void LoadImages()
{

 if (Directory.Exists(path))
 {
   DirectoryInfo dir = new DirectoryInfo(path);
   FileInfo[] files = dir.GetFiles();

   foreach (var f in files)
   {
     if (f.Extension.ToLower() == ".jpg" || f.Extension.ToLower() == ".png" || f.Extension.ToLower() == ".bmp" || f.Extension.ToLower() == ".tiff")
     {
       dgvImages.Rows.Add((Image.FromFile(f.FullName)), "Delete Image" ,f.FullName);
     }
   }
  }
}

当属性名称实际上是camelCased。

<tr ng-repeat="product in vm.products  |  filter: vm.searchInput.ProductName">

（我的背景是C＃而不是JS，所以我犯了一个常见的错误）

当应用程序运行时，它会失败，无声。我猜错了我做错了。

我的问题：是否有编译器插件或浏览器插件可以检测到这个错误？ 如果一个简单的拼写错误足以破坏网页，我对使用Angular构建大型基于Web的项目感到不安。

使用MVC，我有智能感知来帮助我使用模型，而YSOD（黄色死亡屏幕）则指向我错误的路线。

更新：我在Chrome控制台中没有看到任何内容告诉我错误。我应该看到什么吗？

更新：因为Angular被越来越多地用于大型项目（而不是＆＃34;快速的javascript以使页面做某事＆＃34;），并且网站/应用程序将使用Angular进行设计记住（从JQuery的范式转变）我期待在Angular中有一些东西可以捕捉这样的问题，否则在我看来，更大的项目将是高风险。

Answer 1

您可以编写自定义ESLinter规则。其他解决方案是使用Assistant for Visual Studio Code。它允许您编写自己的错误代码规则，并在编码时显示信息。您可以在这里阅读有关内容：

Tomasz Smykowski https://link.medium.com/MjpK9TrUG7

““ 8个Visual Studio Code Assistant规则处理讨厌的Angular错误””

Angular - 如何检测对象名称中的拼写错误或其他简单的常见问题

1 个答案: