文章/答案/技术大牛

发布

社区首页 >问答首页 >如何多次使用<div ng-view = "">

问如何多次使用<div ng-view = "">
EN

Stack Overflow用户

提问于 2015-07-08 14:18:39

回答 2查看 112关注 0票数 1

在我的应用程序中，我有一个index.html文件，其中我已经加载了所有需要的脚本，并且其主体包含一个空的ng-view，它的内容将根据路由url进行更新。第一页是一个登录页，在那里我向用户显示一个按钮，点击显示登录页面，通过更改$location的路径值。

在成功登录后，仪表板页面的页眉、侧边栏页脚区域将被固定，只有中心区域将根据标题部分中的菜单单击进行更改，方法是更改路由值，因此我声明的中心区域为

当我试图加载dashboard.html页面时，它将进入无限循环，而当我移除只是一个空视图的中心分区时，我的视图呈现良好。所以问题出在使用

有没有人能告诉我我的理解是否正确？

如果是，请建议我如何实现我的要求……

index.html

    <div class="row">
         <div data-ng-view=""></div>

    </div>

dashBoard.html

<div class = "row">
      <header div here>
      <div>
          <sidebar div>
          **<div data-ng-view = ""></div>**   which is not working
      </div>
      <footer div here>
</div>

我已经提供了html代码

谢谢

angularjs

ngroute

javascript

回答 2

Stack Overflow用户

发布于 2015-07-08 14:31:18

默认路由器不支持您尝试执行的操作。您可以尝试ui-router，它支持多个嵌套视图。你可以在这里看到一个例子http://plnkr.co/edit/7FD5Wf?p=preview。index.html包含主视图。

<body ng-controller="MainCtrl" class="container">
  <div ui-view></div>
</body>

在contacts.html内部有另一个视图

<h1>My Contacts</h1>
<div ui-view></div>

票数 2

Stack Overflow用户

发布于 2017-03-04 12:33:08

尝试检查路由提供程序和状态提供程序之间的差异。这里有一个link，可以简化您的搜索。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31284887

复制

相似问题

问如何多次使用<div ng-view = "">
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何多次使用<div ng-view = "">EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何多次使用<div ng-view = "">
EN