埃姆貝爾手柄幫手換行符？

對於如何在我的特定情況下使用這個助手，我還是有點模糊。我從一個對象數組中拉出一個隨機對象並在按鈕單擊時顯示它們。每個對象都有3個道具：單詞，語言，反式。當對象被渲染我真的很喜歡它顯示如下埃姆貝爾手柄幫手換行符？

字
的langauge
翻譯

我有當它呈現，但都在一行它爲中心。這裏是我的助手代碼：

Ember.Handlebars.helper('randomize', function(myArray, options) { 
    var random = myArray[Math.floor(Math.random() * myArray.length)]; 
    return random.word + random.language + random.trans; 
});

所以我愚蠢的問題是，如何我有一個換行符，當它呈現？

來源

2015-04-07 purcelllj

這不應該在助手，你應該把它放在你的控制器。 – albertjan

你可以放在字符\ r \ n某處嗎？ – iwayneo

我認爲一個更好的工具將是一個組件。組件自動附帶一個模板，用於完成您想要執行的操作，然後您的顯示邏輯與業務邏輯分開。

App.RandomWordComponent = Ember.Component.extend({ 
    word: null, 
    language: null, 
    translation: null, 
    createRandomWord: function() { 
    this.set('word', Math.random()); 
    this.set('language', Math.random()); 
    this.set('translation', Math.random()); 
    }.on('didInsertElement') 
});

和模板：

<p style="font-weight: bold"> 
    Word: {{word}} 
</p> 
<p> 
    language: {{language}} 
</p> 
<p> 
    translation: {{translation}} 
</p>

然後用它在你的其他模板：

{{random-word}}

我簡化了一點，所以你需要把它調整到您的需要，但希望這可以讓你指出正確的方向。 complete example here

來源

2015-04-07 11:04:25

埃姆貝爾手柄幫手換行符？

回答

相關問題