ember.js - 在 Ember 中设计主导出

Question

我的布局要求主导出占页面高度的 100%。

这是一个 JSFiddle，显示了我遇到的问题。我可以创建索引 View 并通过 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>

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

我尝试过的事情:

1. 创建一个应用程序 View ，但它仍然被主导出代码包裹着。
2. 在 Ember.Application.create({}) 中使用 rootElement；指定一个样式元素，但是这只是插入一个 subview ，我的所有内容都是 100%，并创建一个具有相同问题的父 div，只是更深一层。
3. 创建一个应用程序 View 并按照我为 IndexView 设置样式的方式设置样式。

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

Answer 1

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