html – angularjs中主页的多个ng视图
发布时间:2020-12-14 22:30:06 所属栏目:资源 来源:网络整理
导读:好吧,我刚接触角度,刚刚开始使用ngRoute和ngView指令,我遇到的问题对我来说是一个问题,但我怀疑这只是一个问题,因为我缺乏经验. 我的index.html页面上有以下标记(简化): html head titleSample APP/title /head body div class="header" nav class="pull-ri
好吧,我刚接触角度,刚刚开始使用ngRoute和ngView指令,我遇到的问题对我来说是一个问题,但我怀疑这只是一个问题,因为我缺乏经验.
我的index.html页面上有以下标记(简化): <html> <head> <title>Sample APP</title> </head> <body> <div class="header"> <nav class="pull-right">...</nav> </div> <div class="main" ng-view> </div> <div class="footer"> </div> </body> </html> 以上是我的页面使用的默认布局结构.现在我的问题是单独的主页,在div中显示一个滑块显示类“header”.像这样: <div class="header"> <nav class="pull-right">...</nav> <div class="slider">...</div> <div> 现在这只是为了主页,所以我对如何实现这一点感到困惑.我的索引页面上是否需要两个ng-view指令?例如: <html> <head> <title>Sample APP</title> </head> <body> <div class="header"> <nav class="pull-right">...</nav> <div class="slider" ng-view>...</div> </div> <div class="main" ng-view> </div> <div class="footer"> </div> </body> </html> 此外,如果你需要知道我为什么这样做,这只是因为我在网上买了一个html模板,现在我正在尝试将angularjs集成到模板中. 解决方法
单个页面上只有单个ng-view.不可能有多个ng-view.如果要加载其他部分,则需要使用ng-include指令.
支持多个视图的Ui-router最佳选项可以嵌套到另一个视图中,您可以利用嵌套视图. 您可以在Angular UI Router中使用查询参数,例如格式为url:’/ test?oneParam& twoParam’,而此功能在ng-route中不支持 我建议你从ng-route切换到ui-route,它可以很好地控制url,templates&状态 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |