在jsrender中使用脚本

时间:2016-05-05 05:14:31

标签: javascript jquery html templates jsrender

我需要使用像

这样的东西
@{
   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中为全局变量赋值?

2 个答案:

答案 0 :(得分:2)

有关在JsRender模板中运行代码的文档位于:http://www.jsviews.com/#allowcodetag

答案 1 :(得分:0)

您可以使用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>
{{* } }}