ember.js - 在 Ember 中设计主要出口

Question

我有一个布局，要求主出口是页面高度的 100%。

这是一个显示我遇到的问题的 JSFiddle。我可以创建索引视图并通过 classNames 属性为其分配 css 类，但始终存在我不明白如何设置样式的根 div。

http://jsfiddle.net/kgnQz/

这是 jsfiddle 中身体的样子

<div id="ember153" class="ember-view"> <!-- Need style here -->
    <script id="metamorph-0-start" type="text/x-placeholder"></script>
        <div id="ember161" class="ember-view indexViewClass">
            This is the index view
        </div>
    <script id="metamorph-0-end" type="text/x-placeholder"></script>
</div>

通常，当我创建一个视图时，我可以提供 classaNames: ['whatever'] 来应用 CSS 类，但是我如何将主出口设置为页面的 100%？

我尝试过的事情：

1. 创建一个应用程序视图，但是它仍然被主插座代码包装。
2. 在 Ember.Application.create({}) 中使用 rootElement；指定一个样式元素，但是它只是插入一个子视图，我的所有内容都是 100%，并创建一个具有相同问题的父 div，只是更深一层。
3. 创建一个应用程序视图和样式，就像我为 IndexView 设置样式一样。

我试着研究这个，这对我来说很难弄清楚……有什么想法吗？我一定遗漏了一些简单的东西，因为每次我想出一些东西时，我都会意识到我过度分析了它，或者强迫 Ember 以一种不应该做的方式做某事。

Answer 1

Ember.View 的任何替代品，因为它已被弃用并将在 ember 2 中删除

Answer 2

您可以使用 ApplicationView 来设置主 div 的样式...

App.ApplicationView = Ember.View.extend({
  classNames: ['test']
});

见http://jsbin.com/uxojek/5/edit

 <div id="ember156" class="ember-view test">
    <script id="metamorph-0-start" type="text/x-placeholder"></script><div       id="ember164" class="ember-view indexViewClass">
   This is the index view 
 </div><script id="metamorph-0-end" type="text/x-placeholder"></script>
 </div>

Answer 3

要设置主应用程序视图的样式，您实际上可以提供自己的 ApplicationView 供 Ember 使用。

App.ApplicationView = Ember.View.extend({
    classNames: ['hello-world'] 
});