モジュールは、私はすでに2日間を過ごしたし、エラーを見つけることができませんでした、複数のコントローラ

使用できません。モジュールは、私はすでに2日間を過ごしたし、エラーを見つけることができませんでした、複数のコントローラ

angular.module('loginClientModule',[]) 
    .controller('clientController', 
['$scope', '$http', '$state', function($scope, $http, $state) {....//some code }])

LoginController：

angular.module('loginClientModule',[]) 
    .controller('loginClientController', 
['$scope', '$http', '$state', function($scope, $http, $state) {....//some code }])

app.js：

const app = angular.module('clientproviderApp', [ 
    'ui.router', 
    'loginClientModule' 
]) 
app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
     $urlRouterProvider.otherwise('/clients') 
     $stateProvider 
      .state('about', { 
       url : '/about', 
       template : '<h2>About stuff</h2>' 
      }) 
      .state('loginClient', { 
       url:'/loginClient', 
       templateUrl:'views/login.html', 
       controller: 'loginClientController' 
      }) 
      .state('clients', { 
       url: '/clients', 
       templateUrl: 'views/clients.html', 
       controller: 'clientController' 
      }) 
    }])

インデックスHTML：

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0-rc.2/angular.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.2/angular-ui-router.min.js"> 
    </script> 
    <script type="text/javascript" src="js/app.js"></script>  
    <script type="text/javascript" src="js/controllers/client-controller.js"></script> 
    <script type="text/javascript" src="js/controllers/login-client-controller.js"></script> 
</head> 
<body ng-app="clientproviderApp"> 
    <div ui-view></div> 
</body> 
</html>

私が間違っているのか？私はstackoverflowからいくつかの方法を試してみましたが、それは私を助けませんでした。前もって感謝します！

出典

2017-01-15 ProgIsMetal

'angular.module（ 'loginClientModule'、[]）'は何をしますか？ 'angular.module（ 'loginClientModule'）'は何をしますか？ドキュメントを読む：https://docs.angularjs.org/api/ng/function/angular.module。 –

ここで重要な問題は、angular.module('myModuleName', [])が新しいモジュールを作成することです。あなたはclient-controller.jsとlogin-client-controller.jsの両方でそうしています。

代わりに、あなたはまず、あなたが一度angular.module('loginClientModule',[])を使用した後、第2のファイルに、ちょうどangular.module('loginClientModule')には既存のモジュールgetを使用モジュールを作成することを確認する必要があります。

出典

2017-01-15 22:08:58 GregL

最後の文は不要です：モジュールはどんな順序でも定義できます。 –

ありがとうございます！私の問題は、私が依存しているモジュール（loginClientModule）をアプリケーションモジュールがロードされた後に定義したことだったと思います。ありがとうございました！ – ProgIsMetal

@JBNizet修正のおかげで、私はその行を削除しました。 – GregL

モジュールは、私はすでに2日間を過ごしたし、エラーを見つけることができませんでした、複数のコントローラ

答えて

関連する問題