0

我一直在研究可以在此位置找到的 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/问题/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')
4

1 回答 1

0

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

于 2017-03-31T23:23:21.790 回答