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

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

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

@H_301_2@[ Nav Bar ] {{outlet}}

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

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

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

任何建议赞赏,

谢谢,
丹尼尔

解决方法

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

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

@H_301_2@<script type="text/x-handlebars"> <div class="navbar ..."> ... </div> {{outlet}} </script>

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

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

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

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

猜你在找的JavaScript相关文章