Ember的布局

时间:2016-01-17 14:37:42

标签: ember.js

在Ember 2.0中使用应用程序布局的首选方法是什么?我会想通过组件,但它们还没有可路由。我们曾经使用过视图,但已经弃用了这些视图。

思想?

1 个答案:

答案 0 :(得分:2)

您能否更具体地说明“布局”的含义?从Rails的角度来看,作为实际页面内容的一种容器,您可以使用匹配的路径创建可组合的布局。模板。

举个例子,如果我们在Router.map中调用router.js,就像这样:

Router.map(function() {

  this.route('public', function () {
    this.route('foo');
  });

});

以及app/templates/application.hbsapp/public/template.hbs(假设您正在使用广告连播)看起来像

{{!-- HTML  --}}
<div class='some-container'>
  {{outlet}}
</div>
{{!-- More HTML  --}}

访问public.foo路由会将app/public/foo/template.hbs的内容呈现到app/public/template.hbs的出口,该出口本身会呈现在应用程序插座中。

因此,您有一个与您的路由结构匹配的嵌套布局系统。

这会回答你的问题吗?