2016-08-31 7 views
0

angular.jsを使用しているリンクをクリックしている間にこれをエラーにしています。

Error:

VM1186 angularjs.js:107 Error: [$injector:unpr] http://errors.angularjs.org/1.4.6/$injector/unpr?p0=UploadProvider%20%3C-%20Upload%20%3C-%20adminCatCategoryController 
    at Error (native) 
    at https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:6:416 
    at https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:40:409 
    at Object.d [as get] (https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:38:394) 
    at https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:40:483 
    at d (https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:38:394) 
    at e (https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:39:161) 
    at Object.instantiate (https://run.plnkr.co/8hsX4IhGSoTXwnkj/angularjs.js:39:310) 

私は以下の私のコードを説明しています。私はCategoryリンク上で上記のエラーをクリックしています。ここ

dashboard.html:

<nav> 
    <ul> 
    <li ng-class="{'active open': $state.includes('category')}"><a ui-sref="category.cat">Category</a></li> 
    </ul> 
</nav> 

<div class="row" style="padding-top:120px;" ui-view> 

</div> 

var Admin = angular.module('Spesh', ['ui.router','ui.bootstrap']); 
Admin.run(function($rootScope, $state) { 
    $rootScope.$state = $state; 
}); 
Admin.config(function($stateProvider, $urlRouterProvider, $locationProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
    .state('/', { 
     url: '/', 
     templateUrl: 'dashboard.html', 
     controller: 'adminController' 
    }) 
    .state('category', { /* This state defines the department management page */ 
     url: '/category', 
     templateUrl: 'category.html', 
     controller: 'adminCategoryController' 
     }) 

     .state('category.cat', { /* This state defines the department management page */ 
     url: '/manage_category', 
     templateUrl: 'manage_category.html', 
     controller: 'adminCatCategoryController' 
     }) 

     .state('category.subcat', { /* This state defines the department management page */ 
     url: '/manage_subcategory', 
     templateUrl: 'manage_subcategory.html', 
     controller: 'adminSubcatCategoryController' 
     }) 
}) 
<html ng-app="Spesh"> 

    <head> 
    <link data-require="[email protected]*" data-semver="4.0.0-alpha.2" rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css" /> 
    <script data-require="[email protected]*" data-semver="4.0.0-alpha.2" src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script> 
    <script data-require="[email protected]*" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> 
    <script src="angularjs.js" type="text/javascript"></script> 
    <script src="angularuirouter.js" type="text/javascript"></script> 
    <script src="angularuibootstrap.js" type="text/javascript"></script> 
    <script src="loginRoute.js" type="text/javascript"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <h1>Test tab</h1> 
    <div ui-view></div> 
    <script src="adminController.js" type="text/javascript"></script> 
    <script src="adminCategoryController.js" type="text/javascript"></script> 
    <script src="adminCatCategoryController.js" type="text/javascript"></script> 
    <script src="adminSubcatCategoryController.js" type="text/javascript"></script> 
    </body> 

</html> 

loginRoute.js:

index.html:

は、私はこのエラーを解決するのに役立つしなさいcoming.My plunkr code is hereです。

+0

jsfiddleを入力してください。 –

+0

'adminCatCategoryController'はどこですか? –

+1

何かが 'UploadProvider'で乱されました –

答えて

2

あなたのプランナーでは、 "category/manage_category"というリンクに "adminCatCategoryController"コントローラが使用されます。

dashboard.controller( 'adminCatCategoryController'、関数($の範囲、$ HTTP、$位置、$窓、$状態、アップロード、focusInputField){
})

I:それはいくつかのコードを有します「アップロード」、「focusInputField」をサービス/ファクトリまたは定数として定義するファイルは見つかりません。ですから、ここにそれらを注入すると、角度はそれらを検出してエラーを投げることができません。

これらを削除または定義すると、問題が解決されます。

あなたのお役に立てば幸いです!ありがとう!

+0

このタイプのエラーを検出していただきありがとうございます。 – satya

関連する問題