从Ember 1.8版本开始,采用了HTMLBars引擎已经解决了此问题。
我想在模板中绑定CSS样式,怎么做?
我尝试了这个:
<div class="bar" style="width:{{barWidth}}px"></div>
但是在渲染后,DOM元素看起来像这样:
<div class="bar" style="width:<script id='metamorph-28-start' type='text/x-placeholder'></script>5.000000000000002<script
id='metamorph-28-end' type='text/x-placeholder'>px">
显然在这里我们可以看到,metamorph的标签被添加到了style属性中...
我想知道最好的方法是如何使用Ember.js实现这样的事情
<script type="text/x-handlebars" data-template-name="listTemplate">
我正在for each循环中遍历数组代理内容...并且根据列表中每个项的值,条形宽度会有所不同。你在这里提供的解决方案行不通,因为视图是UL,而我需要每个模型项的barWidth。我不想用诸如“width:###px”之类的CSS相关内容来污染我的Model。
还有其他优雅的方法来解决我的问题吗?也许会完全不同。我非常新于Ember.js,并试图发现最佳实践:)