Это решено с 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" >

Очевидно, здесь мы видим, что тег для метаморфизма был добавлен в атрибут стиля...

Мне интересно, какой лучший способ достичь таких вещей с Ember.js

---

Есть что-то, чего я пока не получаю.

У меня есть шаблон:

<script type="text/x-handlebars" data-template-name="listTemplate">
<ul id="list">
    {{#each App.list}}
      <li {{bindAttr data-item-id="itemId"}}>
        <div>
            <span class="label">{{itemName}}</span>
            <div class="barContainer">
              <div class="bar" {{bindAttr style="barWidth"}}></div>   
              <div class="barCap"></div>
            </div>
        </div>
      </li>
    {{/each}}
    </ul>

i находится в каждом цикле, который пересекает мой контент ArrayProxy... и ширина полосы варьируется в зависимости от значения каждого элемента в списке. Ваше решение здесь не будет работать, так как представление UL и мне нужно значение barWidth для каждой модели. и я не хочу менять мою модель с помощью связанных с CSS вещей вроде "width: ### px"

Есть ли другой элегантный способ решить, что я пытаюсь сделать? может быть, это будет радикально отличаться. Я очень новичок в ember.js и пытаюсь найти лучшие практики:)