最簡單的方法

Question

我有以下模板：

... 
<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？

Answer 1

使用{{bindAttr class='myIcon'}} ... Reference to bindAttribute Classes