Javascript 在angularJS中管理布局和模板
这似乎是一个非常常见的问题。 目前我有一个登录表单,前端和后端有几页 我的单路由文件如下所示- 前端Javascript 在angularJS中管理布局和模板,javascript,angularjs,angular-ui-router,nested-routes,Javascript,Angularjs,Angular Ui Router,Nested Routes,这似乎是一个非常常见的问题。 目前我有一个登录表单,前端和后端有几页 我的单路由文件如下所示- 前端 /login /about /dashboard /manageuser /settings 后端 /login /about /dashboard /manageuser /settings 现在我面临的管理问题是: 场景- 我在head部分和body结束标记前的底部都有很多前端脚本。(因为我在仪表板和其他管理部分菜单项中使用了地图、图表、报告等) 脚本在页面上不断变化,即登录页面、设
/login
/about
/dashboard
/manageuser
/settings
后端
/login
/about
/dashboard
/manageuser
/settings
现在我面临的管理问题是:
场景-
我在head
部分和body
结束标记前的底部都有很多前端脚本。(因为我在仪表板和其他管理部分菜单项中使用了地图、图表、报告等)
脚本在页面上不断变化,即登录页面、设置、仪表板页面等在标题部分和正文标记之前的不同脚本
此外,body标签在页面上包含不同的类,如body class=“login form”
,body class=“dashboard registered user form control”
等
问题-
现在您可以看到布局中有太多的随机性,那么如何使用单个布局文件来管理这件事呢?我想像上面提到的那样保持我的路线干净。我是如何做到这一点的,因为我在搜索中遇到的大多数事情都是针对单一布局的
仅供参考-目前我的前端只有两个页面,所以主要是仪表板(管理面板),但也有脚本根据章节的不同而变化
我也研究了UI路由器
,但无法将其应用到我的场景中,请让我了解angular中的布局管理,因为我相信这是开发web应用程序时非常常见的用例
编辑-
我正在使用
LinemanJS
作为前端(如果这很重要的话,只是一个信息)。你读过谷歌关于应用程序结构的建议吗:要以惰性方式加载脚本,你可以将脚本加载包装在一个承诺中,然后等待这个承诺在你的路由中得到解决。检查并确认。此外,当你异步加载JS文件时,你可以很容易地在你的body元素上使用动态分类,你放弃了这个概念,除了一些核心JS包含在你的头部或身体末端基本上,您要做的是将依赖于JS文件的所有代码包装到函数中,并在加载它所依赖的JS文件后执行该函数。-如果你有一个现有的应用程序,那么包装你所有的代码并找出所有的依赖关系将是一件很费事的事情,但是当你启动一个新的应用程序时,使用像requirejs这样的东西是非常简单的。作为一个开始,立即加载所有的JS可能更容易。AngularJS需要花费大量的时间来学习,这涉及到许多附加的和高级的概念。它不是内置在AngularJS中的,但它确实可以与AngularJS一起工作。希望能为你指明正确的方向。不过,最好先了解角度的基本知识。