0

我正在尝试使用 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('/');

}
})();

然后，我创建了 atools.html和 a 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.
}
})();

问题是，每当我去 examplehttp://localhost:3000/tools/maps时，浏览器都会抱怨它找不到一些应该链接到项目的 js 文件。现在，它显示的链接包含状态，例如，它不是在中搜索 bootstrap，而是在 中http://localhost:3000/app/index.route.js搜索它http://localhost:3000/tools/app/index.route.js。这是为什么？

我使用 Yeoman 和 gulp-angular 生成器来创建项目。

4

0 回答 0