我正在尝试使用ngRouter创建角度的新状态。
我有一个index.route.js
文件,其中包含以下内容:
(function() {
'use strict';
angular
.module('testApp')
.config(routeConfig);
/** @ngInject */
function routeConfig($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/',
templateUrl: 'app/main/main.html',
controller: 'MainCtrl'
})
.state('tools', {
url: '/tools/:category',
templateUrl: 'app/tools/tools.html',
controller: 'ToolsCtrl',
controllerAs: 'tsCtrl'
});
$urlRouterProvider.otherwise('/');
}
})();
然后,我创建了tools.html
和tools.controller.html
。
tools.html
:
tools.controller.js
:
(function(){
'use strict';
angular
.module('testApp')
.controller('ToolsCtrl', ToolsController);
/** @ngInject */
function ToolsController(){
var ctrl = this;
ctrl.tools = {};
//TBD: more code.
}
})();
问题在于,每当我转到例如http://localhost:3000/tools/maps
时,浏览器都会抱怨它无法找到一些假设要链接到项目的js文件。现在,它显示的链接包含状态,例如,它不是在http://localhost:3000/app/index.route.js
中搜索引导程序,而是在http://localhost:3000/tools/app/index.route.js
中搜索它。那是为什么?
我使用了Yeoman和gulp-angular生成器来创建项目。