Javascript 使用Angular.js获取[$injector:unpr]错误

Javascript 使用Angular.js获取[$injector:unpr]错误,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我在使用Angular.js单击链接时遇到以下错误 错误: 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/8hs

我在使用Angular.js单击链接时遇到以下错误

错误:

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)
我的代码如下

index.html:

<html ng-app="Spesh">

  <head>
    <link data-require="bootstrap@*" 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="bootstrap@*" data-semver="4.0.0-alpha.2" src="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/js/bootstrap.js"></script>
    <script data-require="jquery@*" 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>
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>

  • 。如何解决此错误?

    在您的plunker中,“类别/管理类别”链接将使用“AdminCategoryController”控制器。它有一些代码:

    控制器('AdminCategoryController',函数($scope,$http,$location,$window,$state,上传,focusInputField){
    })

    我找不到任何将“Upload”、“focusInputField”定义为服务/工厂或常量的文件。所以当你把它们注入这里时,angular无法检测到它们并抛出错误

    删除或定义它们将解决您的问题

    希望对你有帮助!谢谢

    在plunker中,“类别/管理类别”链接将使用“AdminCategoryController”控制器。它有一些代码:

    控制器('AdminCategoryController',函数($scope,$http,$location,$window,$state,上传,focusInputField){
    })

    我找不到任何将“Upload”、“focusInputField”定义为服务/工厂或常量的文件。所以当你把它们注入这里时,angular无法检测到它们并抛出错误

    删除或定义它们将解决您的问题


    希望对你有帮助!谢谢

    请提供您的JSFIDLE。
    AdminCategoryController
    在哪里?
    UploadProvider
    出现问题,请查看我更新的帖子。@Loading..:请再次检查我的帖子。请提供您的JSFIDLE。adminCatCategoryController在哪里?
    UploadProvider
    出现问题,请检查我更新的帖子。@Loading请再次查看我的帖子。感谢您检测到此类型错误。它正在工作。感谢您检测到此类型错误。它正在工作。
    <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>