ember.js - 渲染视图时如何使用块而不是内联块

Question

我已经实现了一个具有多个 {{view Ember.TextField ...}} 的视图

显示模板，但所有 html 元素都内联显示...

我想将所有输入元素呈现为块。

如何解决？（我想避免在模板中的每个视图之后添加。

Answer 1

您可以使用继承自 Ember.View 的 classNames 绑定在元素上设置一个 css 类并在其上定义您的 css 样式（即 display:block;），例如：

{{view Ember.TextField classNames="some-class" ...}}

或者，您可以创建 Ember.TextField 的子类：

App.MyTextField = Em.TextField.extend({
    classNames: ['some-class']
});

然后在 Handlebars UI 中调用它：

{{view App.MyTextField ...}}