私はこれで机に頭をぶつけています。なぜこれが機能しないのか理解できません。
シンプルなハンドルバー #each ループを使用して、モデルで定義された css クラスで星を出力しようとしています。私はTrigger.ioを介してUIWebViewのiPhoneでこれを行っています(それが関連しているかどうかはわかりません)。テンプレートの HTML に変数を出力しないだけです。
まったく同じコードを JS Fiddle に複製しましたが、コンピューターと iPhone の両方で動作します ( http://jsfiddle.net/yeldarb/c4GTc/1/ )。
モデルを確認して再確認した後、最終的に変数をループせずに出力することにしました。これで問題なく動作します。
テンプレートの関連部分は次のようになります。
{{player_1.stars}}
<div class="player_1">
<div class="stars">
{{#each player_1.stars}}
<div class="star {{this}}"></div>
{{/each}}
</div>
これにより、私が疑ったことが確認されました。Handlebars はモデルからデータを取得していますが、#each ループが何らかの形で失敗しています。
{{player_1.stars}} に starred,starred,starred を出力した様子をご覧ください。結果の HTML は次のようになります。
私があなたに言う狂気。それらの<div class="star "></div>
行は<div class="star starred"></div>
何か案は?