2017-09-05 8 views
0

人。私はちょうどハンドルバーを使い始めています。そういう意味で、私の質問はちょっと「ノービー」に思えるかもしれません。私は二次元配列を持っています(最初の行にはデータです)。私は情報をループしてレンダリングすることになっています。通常の状況下では、これは簡単です。ただし、2番目のループ内にルートパスを作成しようとすると問題が発生します。 <p><a href="/polls/categories/{{name}}">{{title}}</a></p>の '名前'は、<th scope="row">{{name}}</th>のものと同じになっているはずです。ネストされた配列(ループ)をエスケープして、親から 'name'キーに対応する値を取得しますデータ、配列?ハンドルバーを使用して多次元配列からデータをレンダリングするにはどうすればよいですか?

は、ここでは、コードスニペット

{{#each data}} 
<tr> 
    <th scope="row">{{name}}</th> 
    <td> 
     {{#each polls}} 
     <p><a href="/polls/categories/{{name}}">{{title}}</a></p> 
     {{/each}} 
    </td> 
</tr> 
{{/each}} 

は、ここで例示の目的のために、データアレイの一部ですです。

..., 
category: 'Sports', 
polls: [ 
    { 
     title: 'Most hated team in the NBA', 
     choices: ['Golden State Warriors', 'LA Lakers', 'Cleveland Cavaliers', 'New York Knicks', 'Boston Celtics'], 
    }, 
    { 
     title: 'Best (active) boxer pound for pound', 
     choices: ['Roman Gonzalez', 'Terence Crawford', 'Andre Ward', 'Gennady Golovkin', 'Vasyl Lomachenko'], 
    }, 
    { 
     title: 'Greatest football (soccer) player of all time', 
     choices: ['Lionel Messi', 'Diego Maradona', 'Johann Cruyff', 'Pele', 'Alfredo di Stefano'], 
    } 
], 
... 

答えて

1

親コンテキストを使用できるようにするハンドルバーには、../という構文があります。彼らは、同じ構文を使用して自分のofficial pageで同様の例があり

{{#each polls}} 
<p><a href="/polls/categories/{{../name}}">{{title}}</a></p> 
{{/each}} 

:あなたのpollsループがなければならないことを使用して

<h1>Comments</h1> 

<div id="comments"> 
    {{#each comments}} 
    <h2><a href="/posts/{{../permalink}}#{{id}}">{{title}}</a></h2> 
    <div>{{body}}</div> 
    {{/each}} 
</div> 
+0

ああ、男をありがとう!公式のドキュメンテーションをちょう​​ど通り抜けていたのですが、コードがうまく動作するように急いでいました。 –

関連する問題