文章/答案/技术大牛

发布

社区首页 >问答首页 >Angular.js -如何加载不同的菜单

问Angular.js -如何加载不同的菜单
EN

Stack Overflow用户

提问于 2015-11-03 00:36:32

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

我正在开始jquery将一个应用程序迁移到，但它使我变得有点复杂。我需要知道，在登录任何用户时，是否有人可以帮助我作为路由和加载控制器。

学生
教师

每个菜单都有不同的菜单，而菜单又有不同的html页面。取决于用户要输入的角色，然后加载特定的菜单。

使用jQuery加载事件，并更改在div中更改的内容。我想知道如何用角度来完成这个过程。

index.html

<html>
  <head> Files ... </head>
  <body>
    <div id="container"></div>
  </body>
</html>

student-menu.html

<div>
  <div>option-1</div>
  <div>option-2</div>
  <div>option-3</div>
  <div>option-N</div>
 </div>

学生-页

option-1.html
option-2.html
option-3.html
option-N.html

teacher-menu.html

<div>
  <div>option-1</div>
  <div>option-2</div>
  <div>option-3</div>
  <div>option-N</div>
 </div>

教师-页

option-1.html
option-2.html
option-3.html
option-N.html

请给我一个明确的解释。

html

angularjs

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-03 20:53:21

请考虑阅读关于在您令人惊叹的应用程序中包含ui-router的内容，并了解templateProvider的使用情况。

一旦你完成了以上的事情，你所需要的就是：

创建Service，该getCurrentUserStatus()将从加载的数据中获取用户在系统中的状态信息。
根据状态配置您的子views: { 'menu': { ... } } // const ={ user：'path/to/file.tpl.html'，admin：'path/to/admin.tpl.html‘}//在视图配置的某个地方.，templateProvider (AuthService) {返回TEMPAuthService.getCurrentUserStatus()；}，.
使用完全相同的选择所需模板的方法创建所有其他页面。

这允许您扩展可变模板列表，除非您的想象力将为空:D

P.P.S.noobs方式-很多ng-include与ng-if在每一个视图上都会根据查看者的不同而改变。

票数 3

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

原文链接：

https://stackoverflow.com/questions/33489551

复制

相似问题

问Angular.js -如何加载不同的菜单
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular.js -如何加载不同的菜单EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Angular.js -如何加载不同的菜单
EN