Angular.js를 사용하여 [$ injector : unpr] 오류 발생

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입니다.

출처

2016-08-31 satya

jsfiddle을 제공해주십시오. –

'adminCatCategoryController'는 어디에 있나요? –

'UploadProvider'가 무언가 엉망이되었습니다 –

"카테고리/manage_category"링크는 "adminCatCategoryController"컨트롤러를 사용합니다.

dashboard.controller ('adminCatCategoryController', 기능 ($ 범위, $ HTTP, $ 위치, $ 창, $ 상태, 업로드,을 focusInputField) {
})

I : 그것은 몇 가지 코드가 "업로드", "focusInputField"를 서비스/팩토리 또는 상수로 정의하는 파일을 찾을 수 없습니다. 그래서 여기에 주입하면 각이 그들을 탐지하지 못하고 오류를 던질 수 없습니다.

제거하거나 정의하면 문제가 해결됩니다.

호프가 도움이 되었기를 바랍니다. 감사 !

출처

2016-08-31 11:11:08

이 유형 오류를 감지 해 주셔서 감사합니다. 현재 작동 중입니다. – satya

Angular.js를 사용하여 [$ injector : unpr] 오류 발생

답변

관련 문제