最简单的方法

ember.js

2013-07-29 118 views 0 likes

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

来源

2013-07-29 dangonfast

回答

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

来源

2013-07-29 13:43:44 selvagsz

谢谢。这完全覆盖了这个类，所以我失去了'icon-fixed-width'和'icon-4x'。不过，我想我可以解决这个问题。 – dangonfast

用作{{bindAttr class ='：icon-fixed-width：icon-4x myIcon'}} – selvagsz

现在我明白了！谢谢！ – dangonfast

最简单的方法

回答

相关问题