相关疑难解决方法(0)

如何在JsRender嵌套模板中访问父数据属性

http://jsfiddle.net/tQnVt/621/

这个小提琴说明了我的问题.

假设我在jsrender模板的帮助下将JSON绑定到视图上.

var vm = {
    foo: {color: "red",otherObjectToMatch:"object"},
    testData: [{color: "red"}, {color: "yellow"}, {color: "blue"}]
};
Run Code Online (Sandbox Code Playgroud)

对象vm有2个属性 - 1)普通对象2)对象数组.

模板-

<script id="template" type="text/x-jsrender">
    <p>
    {{:foo.color}}
    </p>
    <ul>
    {{for testData}}
        <li>index: {{>color}}</li>
    {{/for}}
    </ul>
</script>
Run Code Online (Sandbox Code Playgroud)

我想从普通对象#1的属性匹配,如果它的属性颜色与循环中的属性匹配,那么将应用一些类.

我试过了-

 <p>
    {{:foo.color}}
    </p>
    <ul>
    {{for testData}}
       {{if foo.color=={{>color}} }}
         <li class='match'>index: {{>color}}</li>
       {{else}}
         <li>index: {{>color}}</li>
       {{/if}}
    {{/for}}
    </ul>
Run Code Online (Sandbox Code Playgroud)

这是一次失败的尝试.我找不到如何匹配jsrender中的其他对象.

javascript jquery json jsrender

4
推荐指数
1
解决办法
2749
查看次数

标签 统计

javascript ×1

jquery ×1

json ×1

jsrender ×1