ember.js - 没有显式 ember 视图的模板的基类属性名称

Question

因此，在 Ember 中，您不必为模板扩展视图，而是可以自动为您的模板创建视图，这真是太棒了。

我的问题是，对于模板自动创建的视图的基本 HTML 元素，如何指定类名以便命名 CSS？

// template /////////////////
<script type="text/x-handlebars" data-template-name="contacts">
    ...
</script>

// html /////////////////
<div id="ember337" class="ember-view MyCoolClassName">  <---- custom class name in here
   ...
</div>

我知道我可以通过扩展此模板的视图来做到这一点，但只需添加一个看起来有点过分的附加类名。想法？

Answer 1

我认为这是不可能的，因为视图的根标签是这样的：

<div id="ember337" class="ember-view MyCoolClassName">

由您的属性生成：

   SomeView = Ember.View.create({
     elementId: 'ember337',
     classNames: ['ember-view', 'MyCoolClassName'],
     tagName: 'div'
   });

如果您不想创建一个视图来添加一个简单的类，您可以这样做：

<script type="text/x-handlebars" data-template-name="contacts">
  <div class="MyCoolClassName">
    Hello world
  </div>
</script>

在你的 CSS 中：

.ember-view .MyCoolClassName {
  /*some style */
}