ember.js - ビューをレンダリングするときにインラインブロックの代わりにブロックを使用する方法

Question

複数の{{viewEmber.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 ...}}