栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在每个循环中获取流星模板中数组的索引?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在每个循环中获取流星模板中数组的索引?

流星> = 1.2

空格键在1.2中获得了很多功能,其中包括native

@index
。不再需要帮助程序来解决此问题-您只需执行以下操作:

{{#each getArray}}  <div  data-value="{{@index}}">{{this}}</div>{{/each}}

或者,如果您想在助手中使用索引:

{{#each getArray}}  <div  data-value="{{someHelper @index}}">{{this}}</div>{{/each}}

流星<1.2

将来的某个时候,空格键可能会提供直接在模板中确定索引的功能。但是,在撰写本文时,获取索引的唯一方法是修改助手返回的结果。例如,您可以

getArray
返回包含a
value
和an 的对象数组
index
,如下所示:

getArray: function() {  var self = this;  self.myArray = self.myArray || [];  return _.map(self.myArray, function(value, index){    return {value: value, index: index};  });}

模板可以使用如下索引:

<template name="someObject">  {{#each getArray}}    <div  data-value="{{index}}">{{value}}</div>  {{/each}}</template>

值得一提的是,您可能不需要通过将该索引存储

Template.someObject.events({  'click .item': function() {    console.log(this.index);  }});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/392766.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号