Javascript 带角度的requirejs-不使用嵌套路由解析控制器依赖关系
当路由具有多个级别时,Javascript 带角度的requirejs-不使用嵌套路由解析控制器依赖关系,javascript,html,angularjs,requirejs,angular-ui-router,Javascript,Html,Angularjs,Requirejs,Angular Ui Router,当路由具有多个级别时,RequireJS无法正确解析依赖关系,如http://www.example.com/profile/view。如果我有http://www.example.com/view,控制器相关性已正确解决 我的bootstrap.js require.config({ baseUrl : 'res/js', paths: { routeResolve: 'routeResolve', 'domReady': 'lib/domRea
RequireJS
无法正确解析依赖关系,如http://www.example.com/profile/view
。如果我有http://www.example.com/view
,控制器相关性已正确解决
我的bootstrap.js
require.config({
baseUrl : 'res/js',
paths: {
routeResolve: 'routeResolve',
'domReady': 'lib/domReady',
angular: 'lib/angular',
angularRoute: 'lib/angular-route',
angularResource: 'lib/angular-resource',
angularSanitize: 'lib/angular-sanitize',
cssPath : '../css'
},
map: {
'*': {
css: 'lib/require-css/css.min'
}
},
shim: {
'angular': {'exports': 'angular'},
'angularRoute': {deps : ['angular']},
'angularResource': {deps : ['angular']},
'angularSanitize': {deps : ['angular']}
},
priority: ['angular']
});
文件夹结构:
-rootdir
- public
- res
- js
- css
当我使用此路线时http://www.example.com/profile/view
,所有依赖模块都使用基本url解析为http://www.example.com/profile/res/js/controller.js
,此路径中不存在该文件http://www.example.com/profile
如果我将路线更改为http://www.example.com/view
(仅一个级别),依赖项通过此基本url解析http://www.example.com/res/js/controller.js
应该有一个我缺少的配置问题,但我找不到解决方案。我创建了。这是基于对问题的回答。我希望这个问题与HTML设置有关。请注意:
优先级
是一个RequireJS 1.x选项,在2.x系列中被删除,而垫片
是在2.x系列中引入的一个选项。感谢您为此花费时间。检查了您的代码,发现添加带有“/”的基本标记修复了此问题。我尝试了完整的网站url,但没有成功。再次感谢您的帮助。很高兴看到这一点,请享受强大的ui路由器:)
$stateProvider
.state("first", {
url: "/firstr",
template: "<div>The message from ctrl: {{message}}</div>",
controller: "FirstCtrl",
resolve: {
loadOtherCtrl: ["$q", function($q) {
var deferred = $q.defer();
require(["FirstCtrl"], function() { deferred.resolve(); });
return deferred.promise;
}],
},
});
var cfg = {
baseUrl: "res/js/",
// alias libraries paths
paths: {
// here we define path to NAMES
// to make controllers and their lazy-file-names independent
"TopMenuCtrl": "Controller_TopMenu",
"ContentCtrl": "Controller_Content",
"OtherCtrl" : "Controller_Other",
"FirstCtrl" : "Controller_First",
"app" : "../../app",
},
deps: ['app']
}
require.config(cfg);
$locationProvider.html5Mode({enabled: true});
<script>
var urlBase = document.location.pathname;
document.write('<base href="'+ urlBase +'" />')
</script>