PhpStorm - ＆gt; AngularJS对Jade的支持

Question

有没有办法在Jade模板中添加/编辑/创建 AngularJS支持？

我已经安装了 AngularJS和Jade插件，但我认为Jade插件没有这样的功能。

请查看截图：

PhpStorm版本：最新的PhpStorm 2016

Answer 1

这与我们现在在vue.js中所做的非常相似，尽管距离您提出此问题已有几年了。一旦找出细微差别，它就会很好地工作。

如果有某种方法可以关闭错误检查，请执行以下pug语句：

{{"test"}}

将输出带有该HTML HTML标签作为标签名称。

<{{"test"}}></{{"test"}}>

当然，pug知道这不是有效的html标记名称，并引发了错误-这是在尝试代码时在test.pug中发生的事情：

1| html    
2| body
3|   {{\"test\"}}\n
---------^
unexpected text \"{{\"te\""

要解决此问题，您需要创建某种类型的标签来托管Angular模板。跨度非常适合内联文本：

span {{"test"}}

将输出：

<span>{{"test"}}</span>

您也可以使用竖线字符在其后输出原始文本：

| {{"test"}}

无论如何，您只需要在该行的开头添加一些内容，它便会按您希望的那样工作。