更改状态时,浏览器无法找到项目js文件

时间:2015-07-14 15:55:29

标签: angularjs gulp yeoman gulp-inject

我正在尝试使用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.htmltools.controller.html

tools.html:              

Hello World

    

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生成器来创建项目。

0 个答案:

没有答案