次のテンプレートがあります。
...
<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
することによって?