Question

我有一些由Javascript加载的HTML文件，用于使用underscore.js模板呈现内容。它们包括如下标记：

<div class="subitem <%= (i==0 ? "first" : "") %>" data-cid="<%=model.cid %>" >

当我在Visual Studio 2010中编辑HTML文件时，它不能很好地处理＆lt; %%＆gt;和＆lt;％=％＆gt;模板标签。例如，上面的标记中有几个波浪形（“未知的css类i”，“意外的标记”等）。同样的问题适用于其他模板库使用的标签，例如Mustache和JQuery Templates，它们的标签使用花括号。

我希望编辑器忽略模板标签中的任何代码。有没有办法配置Visual Studio来执行此操作，还是一个解决问题的插件？

Answer 1

对于mustache和jquery模板，在<script>标记中创建它们，然后将type属性设置为除javascript之外的其他属性。对于jquery模板：

<script id="userTemplate" type="text/x-jquery-tmpl">
    <option value="{{=UserID}}">{{=FullName}}</option>
</script>
<script id="deptTemplate" type="text/x-jquery-tmpl">
    <option value="{{=DepartmentID}}">{{=DepartmentName}}</option>
</script>

然后你可以像这样提取内容

$("#userTemplate").html() // to get the content

对于<%，我目前不知道如何让VS忽略它，但我对此表示怀疑。

<强>更新

好吧，既然您使用的是underscore.js，为什么不更改_.templateSettings to use another symbol。

在Visual Studio中编辑HTML文件时支持Javascript模板标记

1 个答案: