所以我有一个如下所示的页面
[ Nav Bar ] | | | Content | | |
导航栏我希望在所有页面中保持不变.所以我使用的方法是将我的页面设置如下:
[ Nav Bar ] {{outlet}}
这很棒,我现在可以将不同的页面呈现在不同路线的插座中.
但是如果我想将默认模板渲染到我的主页的插座中呢?
我已经设法通过重定向/到/ home来实现这一点,但必须有一个更好的方法来做到这一点,这允许我在/没有重新路由时呈现默认主页?
任何建议赞赏,
谢谢,
丹尼尔
解决方法
要在根页面/ {{outlet}}中呈现内容,您必须为index定义处理程序栏脚本:
您的导航栏代码可能如下所示:
<script type="text/x-handlebars"> <div class="navbar ..."> ... </div> {{outlet}} </script>
<script type="text/x-handlebars" id="index"> <div class="container"> <h1>Root page!!</h1> </div> </script>
换句话说,您必须创建一个具有id =“index”的手柄脚本.
应该管用.它不需要任何js代码.