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 */
}

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

1 个答案: