所以我有一个如下所示的页面
[ Nav Bar ] | | | Content | | |
导航栏我希望在所有页面中保持不变.所以我使用的方法是将我的页面设置如下:
[ Nav Bar ] {{outlet}}
这很棒,我现在可以将不同的页面呈现在不同路线的插座中.
但是如果我想将默认模板渲染到我的主页的插座中呢?
我已经设法通过重定向/到/ home来实现这一点,但必须有一个更好的方法来做到这一点,这允许我在/没有重新路由时呈现默认主页?
任何建议赞赏,
谢谢,
丹尼尔
解决方法
要在根页面/ {{outlet}}中呈现内容,您必须为index定义处理程序栏脚本:
您的导航栏代码可能如下所示:
<script type="text/x-handlebars"> <div class="navbar ..."> ... </div> {{outlet}} </script>
将放置在{{outlet}}内的根页面是以下内容:
<script type="text/x-handlebars" id="index"> <div class="container"> <h1>Root page!!</h1> </div> </script>
换句话说,您必须创建一个具有id =“index”的手柄脚本.
应该管用.它不需要任何js代码.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。