如何将子视图添加到ContainerView

Question

我正在关注EmberJS在线文档,并且不确定如何将子视图添加到父视图或嵌套子视图(如果父视图).我下载了Ember启动文件夹并使用了这些文件.我能够查看"MainView".到目前为止这一切都是有道理的,但当我尝试关注视图和儿童视图的在线文档时,我无法让孩子观看.

我目前的代码:

window.App = Em.Application.create();

App.MainView = Em.View.extend({
classNames: ['mainView']
});

这是索引文件代码:

<script type="text/x-handlebars">
{{#view App.MainView}}
  <h1>Hello world!</h1>
{{/view}}
</script>

下面列出的代码是导致我混淆的原因.

我尝试插入以下代码,看看是否有任何东西会弹到屏幕上,但我确信我接近它错了.任何有关这方面的帮助将非常感激.

var container = Ember.ContainerView.create();
container.append();

var coolView = App.CoolView.create(),
childViews = container.get('childViews');

childViews.pushObject(coolView);

• 我如何推送让我们的"MainView"中的"containerView"现在将"coolView"作为孩子？
• 我如何在视图文件中嵌套视图？

谢谢.

Answer 1

我创建了一个jsfiddle,它在这里演示了你的问题的答案:http://jsfiddle.net/6ksqd/1/

这是一个非常人为的例子,但希望它能帮助你掌握它.