在 jsrender 中使用脚本答案

【问题标题】：Use script inside jsrender在 jsrender 中使用脚本
【发布时间】：2016-05-05 05:14:31
【问题描述】：

我需要使用类似的东西，

@{
   var Name = string.Empty;
}
<script type="text/x-jsrender" id="menu">
@Name = $('#NameContainer').attr("data-name");
<div class="menu-item">
    @if (Name == "A")
    {
        <div class="option">A</div>
    }
    else if(Name == "B") {
        <div class="option">B</div>
    }

但我将Name 的值设为empty。 jsrender中如何给全局变量赋值？

【问题讨论】：

标签： javascript jquery html templates jsrender

【解决方案1】：

在 JsRender 模板中运行代码的文档在这里：http://www.jsviews.com/#allowcodetag

【讨论】：

【解决方案2】：

您可以使用 javascript 全局变量代替 Razor 模板的全局变量，要在 jsrender 模板中使用 javascript 代码，您必须允许代码标签使用设置。

$.views.settings.allowCode(true);

现在您可以在{{* ... }} 标签中编写脚本。在您的示例中：

<script type="text/x-jsrender" id="menu">
{{* window.Name=$('#NameContainer').attr("data-name");}}
<div class="menu-item">
{{* if(Name == "A") { }}
    <div class="option">A</div>
{{* } else if(Name == "B"){ }}
    <div class="option">B</div>
{{* } }}

【讨论】：