我对如何在我的特定情况下使用这个助手仍然有点模糊。我正在从一组对象中拉出一个随机对象,并在单击按钮时显示它们。每个对象都有 3 个属性:word、language、trans。当对象被渲染时,我真的希望它显示如下
文字
语言
翻译
我在渲染时将其居中,但全部在一行中。这是我的助手的代码:
Ember.Handlebars.helper('randomize', function(myArray, options) {
var random = myArray[Math.floor(Math.random() * myArray.length)];
return random.word + random.language + random.trans;
});
所以我的愚蠢问题是如何在渲染时包含换行符?
最佳答案
我认为组件是完成这项工作的更好工具。组件会自动附带一个模板,用于准确执行您想要执行的操作,然后您的显示逻辑将与业务逻辑分开。
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
关于javascript - Ember Handlebars 助手中的换行符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29487678/