angularjs - 参数 'PortfolioController' 不是函数，未定义

Question

我是 angular 新手，我尝试使用 yeoman angular-fullstack 生成器生成一个项目。我想添加一个新的 url /portfolio，所以我在同一级别复制了主文件夹并将其重命名为“portfolio”。我创建了三个文件：

1）portfolio.controller.js 2）portfolio.html 3）portfolio.js

我在 index.html 中为客户端包含了 js 文件，如下所示：

<script src="app/portfolio/portfolio.controller.js"></script>
<script src="app/portfolio/portfolio.js"></script>

在控制器中可以找到以下代码：

'use strict';

(function() {

class PortfolioController {

  constructor($http, $scope, socket) {
    console.log("working");
  }
}

angular.module('myPortfolioApp')
  .controller('PortfolioController', PortfolioController);

})();

这是来自portfolio.js：

'use strict';

angular.module('myPortfolioApp')
  .config(function($stateProvider) {
    $stateProvider
        .state('portfolio', {
        url: '/portfolio',
        templateUrl: 'app/portfolio/portfolio.html',
        controller: 'PortfolioController',
        controllerAs: 'portfolio'
    });
  });

Answer 1

你没有声明一个新模块，你缺少依赖数组：

angular.module('myPortfolioApp',[]) //NOTICE THE BRACKETS
  .config(['$stateProvider', function($stateProvider) {
    $stateProvider
        .state('portfolio', {
        url: '/portfolio',
        templateUrl: 'app/portfolio/portfolio.html',
        controller: 'PortfolioController',
        controllerAs: 'portfolio'
    }]);
  });