Question

在jQuery中，我有以下内容：

var dis = $('.dis').children();
for (var i = 0; i <= dis.length; i++){
$(dis.find('.somediv')[i]).text(funk.list[i].api.response);}

我正在尝试更改代码的格式以便与Meteor进行反应。为此，我试图像我这样转换代码：

this.mete = new ReactiveVar();
var self = this;
self.mete[i].set('funk.list[i].api.response');

所有这一切的要点是，在我的jQuery代码中，我有一个for-each循环，需要反映在每个div周围的[i]标签中。

我的HTML就像这样：

<div class="dis"><div class="somediv"></div></div> <div class="dis"><div class="somediv"></div></div>

self.mete[i].set无法实现此目的。我想知道如何解决这个问题。另外，据我所知，在Meteor中，HTML看起来更像是：

<div class="dis">{{mete}}</div>
<div class="dis">{{mete}}</div>

Answer 1

你可能想要这样的东西：

Template.mytemplate.onCreated(function(){
    this.mete = new ReactiveVar();
    var self = this;
    self.mete.set(YourListHere); //assuming your list is an array of object like {api: {response: "some response"}} 
});
Template.mytemplate.helper({
   "myList": function() {
      return Template.instance().mete.get();
   }
});

并在模板中：

{{#each myList}}
<div class="dis">{{this.api.response}}</div>
{{/each}}

每个模板上的流星？

1 个答案: