0

angular は初めてで、yeoman angular-fullstack ジェネレーターを使用してプロジェクトを生成しようとしました。新しい URL /portfolio を追加したいので、メイン フォルダーを同じレベルに複製し、名前を「portfolio」に変更しました。次の 3 つのファイルを作成しました。

1) ポートフォリオ.コントローラー.js 2) ポートフォリオ.html 3) ポートフォリオ.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'
    });
  });
4

1 に答える 1

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'
    }]);
  });
于 2015-12-10T00:08:57.643 に答える