javascript - 誰か{{> player}}を説明してくれ

Question

流星の例に取り組み、ほとんどすべてのコツをつかみます。私はハンドルバーも初めてで、物事に頭を巻き込もうとしています。流星のリーダーボードの例。コードのこの部分で何が起こっているか:

<div class="leaderboard">
   {{#each players}}
    {{> player}}
   {{/each}}
</div>

具体的には、{{>player}} で混乱しています。{{player}}だけできないのはなぜですか？{{>player}} は何をしていますか?

Answer 1

{{> player }}という名前のパーシャルを呼び出しますplayer。このサイトで述べたように

パーシャルは、いくつかの異なるコンテキストで使用する必要がある Handlebars.js テンプレートのチャンクがある場合に便利です。

While{{player}}は、レンダリングするテンプレートに渡す値のプレースホルダーです。

jsfiddleでサンプルコードを作成しました。

Answer 2

{{> player}} コードは、ネストされたテンプレートを呼び出します。#each 反復によって生成されたプレーヤーの値にアクセスできます。コードを整理しておくと便利です。