html – angularjs中主页的多个ng视图_html-js-css

概述好吧,我刚接触角度,刚刚开始使用ngRoute和ngView指令,我遇到的问题对我来说是一个问题,但我怀疑这只是一个问题,因为我缺乏经验. 我的index.html页面上有以下标记(简化)： <html> <head> <title>Sample APP</title> </head> <body> <div class="header"> <nav cla 好吧,我刚接触角度,刚刚开始使用ngRoute和ngVIEw指令,我遇到的问题对我来说是一个问题,但我怀疑这只是一个问题,因为我缺乏经验.

我的index.HTML页面上有以下标记(简化)：

<HTML>  <head>    <Title>Sample APP</Title>  </head>  <body>    <div >      <nav >...</nav>    </div>    <div  ng-vIEw>    </div>    <div >    </div>  </body></HTML>

以上是我的页面使用的默认布局结构.现在我的问题是单独的主页,在div中显示一个滑块显示类“header”.像这样：

<div >  <nav >...</nav>  <div >...</div><div>

现在这只是为了主页,所以我对如何实现这一点感到困惑.我的索引页面上是否需要两个ng-vIEw指令？例如：

<HTML>  <head>    <Title>Sample APP</Title>  </head>  <body>    <div >      <nav >...</nav>      <div  ng-vIEw>...</div>    </div>    <div  ng-vIEw>    </div>    <div >    </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&状态

总结

以上是内存溢出为你收集整理的html – angularjs中主页的多个ng视图全部内容，希望文章能够帮你解决html – angularjs中主页的多个ng视图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1117296.html