Angular 2 - 不适用于 Webstorm 11.01 和 Jade 4.2答案

【问题标题】：Angular 2 - not working with Webstorm 11.01 and Jade 4.2Angular 2 - 不适用于 Webstorm 11.01 和 Jade 4.2
【发布时间】：2017-08-25 03:29:23
【问题描述】：

我一直在研究可以在以下位置找到的 Angular 2 指南示例：https://plnkr.co/edit/I4ArEQTniO7MJtfzpBWl?p=preview。

在我的桌面上，这个应用程序可以很好地使用内联模板代码，但是一旦我更改为 templateUrl 文件，我就会遇到问题。我发现这是由于 WebStorm、Jade 和 Angular 2 的组合存在问题。请参阅博客：https://youtrack.jetbrains.com/issue/WEB-19625 和 https://github.com/donpark/html2jade/issues/102。

一个问题是 html2jade 转换器将属性更改为小写。下面是一个示例，其中 routerlink 的 Link 和 routerlinkactive 的 Link & Active 将首字母更改为小写。我可以通过根据需要更改属性名称来解决这个问题。

我无法解决的问题是出现在博客中的 WebStorm 错误。在我的情况下，最后一个 routerlink 行，即联系人的行，会导致语法错误。

我想继续使用 WebStorm 和 Jade。有没有人知道解决方法或者这两种产品的其他版本是否可以解决这些问题？

h1.title Angular Router  
 nav
   a(routerlink='/crisis-center', routerlinkactive='active') Crisis Center
   a(routerlink='/heroes', routerlinkactive='active') Heroes
   a(routerlink='/admin', routerlinkactive='active') Admin
   a(routerlink='/login', routerlinkactive='active') Login
   a([routerlink]="[{ outlets: { popup: ['compose'] } }]") Contact
 router-outlet
 router-outlet(name='popup')

【问题讨论】：

标签： javascript angularjs template-engine routerlink

【解决方案1】：

我下载了 2017 年 3 月 17 日发布的 WebStorm 2017.1，我在使用 JADE 时遇到的错误似乎已经消失。我仍然需要手动将属性中的小写字母更改为大写，但这应该不是什么大问题。

【讨论】：