2013-05-02 47 views
2

我正在對着這張桌子上的桌子抨擊我的頭。我不明白爲什麼這不起作用。Handlebars.js#每個不工作

我想要使用一個簡單的handlebars #each循環來輸出具有在他們的模型中定義的css類的星星。我在UIWebView中通過Trigger.io在iPhone上執行此操作(不確定是否相關)。它根本不會將變量輸出到模板的HTML中。

我已經將完全相同的代碼複製到JS小提琴中,它可以在我的電腦和我的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> 

這證實了我的猜測:把手從模型中獲取數據,但#each循環以某種方式失敗。

Result of the above code

看看它是如何輸出星級標準的出演,出演{{player_1.stars}}?那麼,所產生的HTML看起來像這樣:

Resulting html

瘋狂我告訴你。那些<div class="star "></div>行應該是<div class="star starred"></div>

任何想法?

+0

我想我已經看過類似的問題,在這裏發佈了很多次,他們都使用<%圍繞eaches。 – Jonast92 2013-05-02 16:40:26

+0

你能把我連接到其中的一個嗎? <%做什麼?在文檔中沒有看到 – 2013-05-02 16:43:26

+0

你確定'stars'是一個數組嗎? – 2013-05-02 17:03:36

回答

0

這是現在已經修復的Handlebars早期版本中存在的錯誤。