0

次のテンプレートがあります。

...
<i class="icon-fixed-width {{myIcon}} icon-4x"></i>
...

そして、私のコントローラはmyIcon単純な文字列として定義されています:

App.NodesController = Ember.ArrayController.extend({
    ...
    myIcon          : 'icon-cloud',
    ...
});

(この設定はコントローラーにあります。背景は、さまざまなコントローラーのテンプレートを再利用したいということです。そのため、各コントローラーを「構成」するだけで、異なるアイコンが得られます)

問題は{{myIcon}}、驚くべき結果をもたらすことです (少なくとも私にとっては!):

<i class="icon-fixed-width <script id='metamorph-8-start' type='text/x-placeholder'></script>icon-cloud<script id='metamorph-8-end' type='text/x-placeholder'></script> icon-4x"></i>

期待される結果を得るにはどうすればよいですか:

<i class="icon-fixed-width icon-cloud icon-4x"></i>

コントローラーでアクセスmyIconすることによって?

4

1 に答える 1

3

使用{{bindAttr class='myIcon'}}... bindAttribute クラスへの参照

于 2013-07-29T13:43:44.547 に答える