Ember.js – 渲染到插座的默认模板?

前端之家收集整理的这篇文章主要介绍了Ember.js – 渲染到插座的默认模板?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个如下所示的页面
[ Nav Bar ]

|         |
| Content |
|         |@H_502_3@ 
 

导航栏我希望在所有页面中保持不变.所以我使用的方法是将我的页面设置如下:

[ Nav Bar ]

{{outlet}}@H_502_3@ 
 

这很棒,我现在可以将不同的页面呈现在不同路线的插座中.

但是如果我想将默认模板渲染到我的主页的插座中呢?

我已经设法通过重定向/到/ home来实现这一点,但必须有一个更好的方法来做到这一点,这允许我在/没有重新路由时呈现默认主页?

任何建议赞赏,

谢谢,
丹尼尔

解决方法

要在根页面/ {{outlet}}中呈现内容,您必须为index定义处理程序栏脚本:

您的导航栏代码可能如下所示:

<script type="text/x-handlebars">
  <div class="navbar ...">
    ...
  </div>

  {{outlet}}
</script>@H_502_3@ 
 

将放置在{{outlet}}内的根页面是以下内容

<script type="text/x-handlebars" id="index">
    <div class="container">
      <h1>Root page!!</h1>
    </div>
</script>@H_502_3@ 
 

换句话说,您必须创建一个具有id =“index”的手柄脚本.

应该管用.它不需要任何js代码.

猜你在找的JavaScript相关文章