用动态类名填充视图
考虑以下几点：
父模板：
{{view App.SomeView id="42" panelClass="default"}}
查看模板：
<div class="col-md-3 col-sm-6">
<div class="panel panel-{{panelClass}}">
<div class="panel-heading">
<h3 class="panel-title">
{{name}}
</h3>
</div>
<div class="panel-body">
{{description}}
</div>
</div>
</div>
查看JS：
App.SomeView = Ember.View.extend({
templateName: 'views/some-view'
});
如何在面板类设置正确的情况下实现输出HTML？ 目前它不能工作，因为它想要绑定，所以它插入了ember metamorph脚本标签，而不是面板类的纯文本。
另外，该模板被包裹在一个额外的div中。 我如何修改它，以便ember-view wrapping div实际上是模板中的第一个div（带有col-md-3 col-sm-6的那个）？
出于这个原因存在bind-attr助手。 这是指南条目。
<div {{bind-attr class=":panel panelClass"}}></div>
另外，不确定您是否可以在模板中的panelClass上使用前缀。 如果使用计算属性预先添加panel-可能更容易。
对不起，我没有看到关于额外div的第二个问题。 该指南在此解释如何扩展元素。
App.SomeView = Ember.View.extend({
classNames: ['col-md-3', 'col-sm-6']
});