有这么一个需求，在一个table中，tr是通过each取值，取出的值要与table标题相对应，如何实现？例如：
<table> <thead> <tr> {{#each 标题集合，值举例[name,sex...]}} {{this}} {{/each}} 得到结果应是 <th>name</th> <th>sex</th> </tr> </thead> <tbody> {{#each 内容集合，值举例[{name:'苏轼',sex:'男'},{name:'李清照',sex:'女'}...]}} 此时我想得到这样的数据，与标题想对应，该如何做呢？ <tr> <td>苏轼</td> <td>男</td> </tr> <tr> <td>李清照</td> <td>女</td> </tr> {{/each}} </tbody> </table>
如果在JS中，我们可以通过list[key]的方式取值，但是handlebars好像不支持这种方式，不知道是不是我自己没整明白
总之资料了找了半天，也没有找到合适的解决方案，于是乎，自己写吧，很简单。
Handlebars.registerHelper("getValueByKeyFromList", function(list, key, options){
if(list && key && list[key]){
return list[key];
}
return;
});
应用到上面table中就是
{{#each 内容集合，值举例[{name:'苏轼',sex:'男'},{name:'李清照',sex:'女'}...]}} 此时我想得到这样的数据，与标题想对应，该如何做呢？ <tr> {{#each 标题集合，值举例[name,sex...]}} <td>{{getValueByKeyFromList ../this this}}</td> ../this 意为上一层集合的当前值 this 意为当前集合的当前值 {{/each}} </tr> {{/each}}
解决。
内容来源于网络如有侵权请私信删除
- 还没有人评论，欢迎说说您的想法！
客服
