对于在我的特定情况下如何使用这个助手,我仍然有点模糊。我从一个对象数组中提取一个随机对象,并在按钮单击时显示它们。每个对象有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;
});
所以我的愚蠢问题是如何在渲染时包含换行符?
答案 0 :(得分:2)
我认为这项工作的更好工具将是一个组成部分。组件自动带有一个模板,用于完成您想要做的事情,然后您的显示逻辑与您的业务逻辑分开。
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