angularjs+requirejs實現(xiàn)動態(tài)加載js和頁面方案研究

下載文檔

ID：5321444

大小：80.50 KB

頁數(shù)：12頁

時間：2017-12-08

收藏

資源描述：

《angularjs+requirejs實現(xiàn)動態(tài)加載js和頁面方案研究》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學術(shù)論文-天天文庫。

1、AngularJS+RequireJs實現(xiàn)動態(tài)加載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","