Question

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

我目前的代码：

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);

如何推送让我们说＆＃34; containerView＆＃34;现在有＆＃34; coolView＆＃34;作为我的孩子＃34; MainView＆＃34;？
我如何将视图嵌套在索引文件中？

感谢。

Answer 1

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

这是一个非常人为的例子，但希望它可以帮助你掌握它。

如何将子视图添加到ContainerView

1 个答案: