Question

我有模板（一个html文件），正在使用JSRender获取带有JSON数据的渲染。

我的样本模板如下

<ul id="membersList">
  {{for UserConnection}}
        <li>
        <div>
            <a title="{{:Fullname}}">
            <br />
            <img src="sample.png"/><br />
            {{:Fullname}}</a>
        </div>
        </li>
    {{/for}}

我的Json数据是

[
{
    "ApplicationName": "appone", 
    "Title": "Title one", 
    " UserConnection ": [
        {
            "Id": 210, 
            " email ": " abc1@xyz.com ", 
        }, 
        {
            "Id": 0, 
            " email ": " ", 
        },
        {
            "Id": 211, 
            " email ": " abc2@xyz.com ", 
        }
    ]
}

];

现在我的要求是我应该隐藏div，特别是第二项 JSON的id值为0。

JSRender是否有可能检查我们在c＃中做的事情

for (i = 0 ; i < 10 ; i++)
{
  if (userConnection[i] = 0)
      // show the div
  else 
     // dont show

}

即。如果我甚至可以在JSRender中访问 UserConnection [i] ，那么我可以显示或隐藏div。有可能吗？

Answer 1

您可以查看此示例，了解如何访问父数据http://borismoore.github.com/jsrender/demos/step-by-step/11_accessing-parent-data.html

并且在for循环中有#index来访问当前索引。

我认为你的问题的答案实际上是使用帮助器来构造div，在创建div时显示为on或off。

帮助程序，转换程序和客户标记都是您注册然后使用的常规JavaScript函数。

是否可以在JSRender中使用增量变量i进行for循环？

1 个答案: