Razor模板包含小胡子将在客户端呈现的页面部分

Question

我的页面包含将在客户端呈现的部分。

我遇到的问题是剃刀不像我期望的那样渲染零件。例如：

<script type="x-tmpl-mustache" id="filterTemplate">
        <img id="showFilter" src="~/Content/Image/arrow.png" />
</script>

不会呈现~符号，只有当我将img放在脚本标记之外时才会按预期执行。

这是在不同的应用程序路径中发布的，因此我需要razor来确定~是什么，并将其替换为应用程序路径。

Answer 1

您应该使用@Url.Content帮助程序，它将正确解析相对于应用程序根目录的路径：

<script type="x-tmpl-mustache" id="filterTemplate">
        <img id="showFilter" src='@Url.Content("~/Content/Image/arrow.png")' />
</script>