2016-08-30 11 views
1

app.jsファイルからコントローラメソッド[getFacility()]を呼び出したいとします。私は以下のコードセグメントを使用する場合 は、私はここにコントローラメソッドをapp.jsから呼び出す方法

Error: [$injector:unpr] Unknown provider:

ように私のコントローラのファイルおよびサービス・ファイル

app.js

... 
...  
.state('facilityHome.editFacility', 
{ 
    url: '/editFacility/:facilityId', 
    templateUrl: '/views/facility/newFacility.html', 
    controller: 
     function($scope, $stateParams, facilityController) { 
       facilityController.getFacility($stateParams.facilityId); 
     } 
} 

.... 
... 

facilityControlelr.js

app.controller('facilityController', 
['$scope', '$rootScope','$location','$filter', 'facilityService', 
    function ($scope, $rootScope,$location,$filter, facilityService){ 

     /* Assign Object */ 
     var facilityScope = this; 

     /* Initialize DTO Object */ 
     facilityScope.facilityDTO={ 
      id:null, 
      version:null, 
      facilityName:"", 
      description:"" 
     }; 


     /* Initialize Object Array */ 
     facilityScope.facilityList = []; 


     facilityScope.getFacility=function(id){ 
      facilityService.fetchFacility(id) 
       .then(
       function(successRespond) { 
        $scope.facilityDTO = successRespond; 
       }, 
       function(errResponse){ 
        console.error('Error while fetching'); 
        console.error(errResponse); 
       } 
      ); 

     }; 

    } 
]); 
をエラーを得ました

ここに私のコンソールがあります。

"Error: [$injector:unpr] Unknown provider: facilityControllerProvider <- facilityController http://errors.angularjs.org/1.5.0/ $injector/unpr?p0=facilityControllerProvider%20%3C-NaNacilityController minErr/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:68:12 createInjector/providerCache.$injector<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4397:19 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4550:39 createInjector/protoInstanceInjector<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4402:28 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4550:39 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4574:58 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:4616:18 $ControllerProvider/this.$gethttps://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:9870:18 z/<.compile/<@https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js:7:23873 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:9492:9 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:8978:11 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:8226:13 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:8106:30 compilationGenerator/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:8447:20 [email protected]https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js:7:23072 y/l.compile/https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js:7:23492 $RootScopeProvider/this.$gethttps://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:17143:15 v/y.transitionTo/y.transition<@https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.min.js:7:18793 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:15552:28 scheduleProcessQueue/<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:15568:27 $RootScopeProvider/this.$gethttps://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:16820:16 $RootScopeProvider/this.$gethttps://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:16636:15 $RootScopeProvider/this.$gethttps://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:16928:13 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:11266:36 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:11464:7 [email protected]https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js:11405:9

+0

なぜコントローラに状態を注入しないのですか? –

+0

plnkrを作成できますか? – krutkowski86

+0

このコードで何を達成しようとしているのか説明してください。 –

答えて

1

を。

.state('facilityHome.editFacility', 
{ 
    url: '/editFacility/:facilityId', 
    templateUrl: '/views/facility/newFacility.html', 
    controller: 
     function($scope, $stateParams, $controller) { 
      var facCtrl = $controller("facilityController", {'$scope': $scope}); 
      facCtrl.getFacility($stateParams.facilityId); 
     } 
} 

facilityController manipuates $scopeので、$scopeローカルとして注入する必要があります。

詳細については、AngularJS $controller Service API Referenceを参照してください。

-1

コントローラを別のコントローラに挿入することはできません。あなたは工場/サービスが必要です。

いくつかのドキュメントを参照してください:$controllerサービスを使用し、別のコントローラにコントローラを注入するためhttps://docs.angularjs.org/guide/services

+0

もし '$ stateProvider.state'の中からコントローラメソッドを呼び出すには? – Sadun89

+0

できません。コントローラ間でデータ/ロジックを共有するには、サービスが必要です。 – vjarysta

+0

は正しくはありませんが、推奨されません。コントローラを別のコントローラに注入することができます。 – undefined

関連する問題