我正在构建一个 Angular 应用程序,但在如何处理主页方面遇到了一些障碍。主页有 90% 的不同 - 只有标题保持不变 - 在那里我有显示用户登录状态的指令。
为了利用路由/模板等,我理想地希望将我的 ngview 显示在示例的白色区域中 - 一切正常 - 只是不确定如何构建主页。它不需要 ngview 区域,因为它是唯一的一种。我不想将其作为第二个应用程序,因为这似乎很浪费并且会重新加载所有内容。
谷歌搜索提出了用指令替换白色区域的建议,但我认为我会失去整个路由/模板的好处。
我见过的替代方案有代码来确定是否在家并加载正文 CSS 类等,但这也不理想,因为内容如此不同。
UI Router 是一种可能性,但我想尽可能避免 prebeta 的东西。
建议?
你可以有这个:
索引.html:
<body>
...header..
<div ng-if="isHomePage()">
<div ui-view></div>
</div>
<div ng-if="!isHomePage()">
<div ng-include="'shell.html'"></div>
</div>
...footer..
</body>
home.html(带有路线“/”)
...your home page html...
shell.html(任何不同于“/”的路由)
<div>
<div>
<div ui-view></div>
</div>
<aside><aside>
</div>
最后,添加isHomePage()
到你的根范围
$rootScope.isHomePage = function() {
return $location.path() == '/';
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)