2016-05-13 4 views
0

は、私は、次があります。各テンプレートの流星? jQueryので

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

私は流星と反応することが私のコードの書式設定を変更しようとしています。そのために、私はそうのように私のコードを変換しようとしています:

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

本の全ての要旨は私のjQueryのコードでは、私は[i]に反映させる必要のため、各ループを持っている、ということです各divを囲むタグ

私のHTMLはそうのようなものです:

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

self.mete[i].setは、これを達成しません。私はこれについてどうやって行くのか知りたいです。また、私は流星で、HTMLはより多くのようになります、ということを理解:

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

答えて

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}} 
+0

を事実、私のリストはjSONデータから来ています。ここで値を代入する必要があります。例えば、[0] .it'を実行しています。私はこれについてforループを設定する方法についてはっきりとはわかりません。 '{{#each}} 'を使うことは、私が思っていないgetJSON呼び出しで' [i] 'の値を選択するのに役立ちません。 –

+0

データの例と期待した結果を共有できますか?あなたのデータは配列です。 '#each'ループは配列をループし、' {{#each}} 'テンプレートの中で' this'で各項目を取得します。したがって、各要素のすべてのキーを取得し、 '{{this.key_to_use}} 'を使用して使用することができます。他に何が必要なのか分からない。 – MrE

関連する問題