Razor 模板转 JavaScript 字符串

Question

好吧，我已经成功了，但我不确定这是多么可怕的黑客攻击。谁能告诉我我所做的是否正确，为什么？

我需要在 Razor 和 JavaScript 之间共享一个模板，以便可以在服务器端和另一个客户端使用它。所以，这就是我所做的：

Func<dynamic, HelperResult> sampleTemplate =
    @<span>Sample markup @item.Something</span>;

然后，我在视图中使用了我的模板，如下所示：

for(int idxSample = 0; idxSample < Model.Number; idxSample++) {
    @sampleTemplate(new { Something = "" })
}

对于 javascript，我这样做了：

<script type="text/javascript">
    var someJsTemplate = "" +
        <r><[!CDATA[@sampleTemplate(new { Something = "" })]]></r>;
</script>

这样我以后就可以在需要时附加 someJsTemplate 。那么，判决结果是什么？有人看到更好的方法吗？或者这样可以吗？

编辑：

现在我无法使用它。虽然它在 FireFox 中运行良好，但 Chrome 不允许我进行 hack。有什么帮助吗？

Answer 1

对我来说，在服务器端代码中存储 HTML 看起来是个坏主意。就我个人而言，我会编写一个控制器：

public class TemplatesController: Controller
{
    [ChildActionOnly]
    public ActionResult Index(Item item)
    {
        return View("~/Views/Shared/EditorTemplates/Item.cshtml", item);
    }
}

和一个包含标记的部分（~/Views/Shared/EditorTemplates/Item.cshtml）：

@model AppName.Models.Item
@{
    Layout = null;               
}
<span>Sample markup @Model.Something</span>

然后，如果我需要在强类型视图中使用它，我只需使用编辑器模板：

@Html.EditorFor(x => x.Items)

在 javascript 中：

<script type="text/javascript">
    var someJsTemplate = '@HttpUtility.JavaScriptStringEncode(Html.Action("index", "templates", new { something = "abc" }).ToHtmlString())';
</script>

为了简化一点这个 javascript 调用，您可以编写一个助手：

public static class HtmlExtensions
{
    public static MvcHtmlString Template(this HtmlHelper htmlHelper, object item)
    {
        return MvcHtmlString.Create(
            HttpUtility.JavaScriptStringEncode(
                htmlHelper.Action("index", "templates", item).ToHtmlString()
            )
        );
    }
}

然后：

<script type="text/javascript">
    var someJsTemplate = '@Html.Template(new { something = "abc" })';
</script>

Answer 2

这对我来说看起来不错。尽管我建议研究 @helper 语法，但这只会稍微改变模板的用法。