参数 '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'
    }]);
  });

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

Argument 'PortfolioController' is not a function, got undefined

angularjs

angular-fullstack