angularjs+requirejs实现动态加载js和页面方案研究

下载文档

ID：5321444

大小：80.50 KB

页数：12页

时间：2017-12-08

收藏

资源描述：

《angularjs+requirejs实现动态加载js和页面方案研究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、AngularJS+RequireJs实现动态加载JS和页面的方案研究1、入口页面存放地址：src/main/webapp/WEB-INF/view/workflow/workflow.jsp[html]viewplaincopy在CODE上查看代码片派生到我的代码片/static/css/bootstrap/3.3.5/bootstrap.min.css"rel=

2、"stylesheet">/static/css/sweetalert/sweetalert.css"rel="stylesheet">/static/css/angularCommon.css"rel="stylesheet">/static/js/workflow/app.js"src="<%=request.getContext

3、Path()%>/static/js/bower_components/requirejs/require.js">

这里是公共头部

4、quirejs2、app.js[html]viewplaincopy在CODE上查看代码片派生到我的代码片require.config({paths:{"angular":"../angular/1.5.3/angular.min","angular-messages":"../angular/1.5.3/angular-messages.min","angular-locale_zh-cn":"../angular/1.5.3/angular-locale_zh-cn","angular-ui-router":"../bower_components/angular-ui-rout

5、er/release/angular-ui-router","angularAMD":"../bower_components/angularAMD/angularAMD","ngload":"../bower_components/angularAMD/ngload","sweetalert":"../sweetalert/sweetalert.min","uiBootstrap":"../angular-ui-bootstrap/1.2.4/ui-bootstrap-tpls-1.2.4.min","commonFunction":"../angularCommon/common

6、Function","commonValueAndUrl":"../angularCommon/commonValueAndUrl","workFlowCommonModule":"../angularCommon/workFlowCommonModule"},shim:{"angular":{exports:"angular"},"workFlowCommonModule":["angular"],"angular-messages":["angular"],"angular-locale_zh-cn":["angular"],"commonValueAndUrl":["commo

7、nFunction"],"angular-ui-router":["angular"],"uiBootstrap":["angular-ui-router"],"angularAMD":["angular"],"ngload":["angularAMD"]}});define(["angular","angularAMD","angular-ui-router","sweetalert","uiBootstrap","angular-messages","