Question

我正在寻找一种方法来改变Ember 2.4中Ember应用程序的根元素的css类名。

旧的方式因为弃用而不再起作用，现在我已经：

<body class="ember-application">
   <div id="ember414" class="ember-view">
     <!-- THE WHOLE APP -->
   </div>
</body>

我正在寻找类似的东西：

<body class="ember-application">
   <div id="ember414" class="ember-view theCssClass">
     <!-- THE WHOLE APP -->
   </div>
</body>

非常感谢你的帮助！

Answer 1

不用担心，已弃用的功能仍可用ember-legacy-views。

ember install ember-legacy-views
ember g view application

然后将您的类添加到生成的视图中：

classNames: ['woot']

PS当Ember引入可路由组件时，这可能会改变。

Answer 2

可能的解决方案：

Css选择器'.ember-view：first-of-type'或'body'。

您还可以在application.hbs文件中插入包装器：

<div class="your-style">
  <!-- Other content -->
  {{outlet}}
</div>

非常确定这是有效的。