角度误差[$注射器：modulerr] - 注射器NOMOD

-1

我刚刚创建了我的功能模块和控制器，并得到了以下错误：

Error: [$injector:modulerr] http://errors.angularjs.org/1.4.8/ $injector/modulerr?p0=ContactsApp&p1=%5B%24injector%3Anomod%5D%

以下是我的html代码：

<div ng-app="ContactsApp" class="container"> 
    <div class="row" ng-controller="contactsCtrl"> 
     <div class="col-sm-12 padding-0"> <h2 class="text-center"> Contacts</h2> 
      <div class="panel panel-default"> 
       <div class="panel-heading c-list"> 
        <span class="title">Contacts</span> 
        <div class="pull-right"> 
         <a data-toggle="modal" data-target="#upload-contacts" href="#upload-contacts" data-placement="top" title="Add Contact"> 
          <span class="title "><i class="glyphicon glyphicon-plus"></i>Add</span> 
         </a> 

        </div> 
       </div> 
      </div> 
      <div> 

       <!-- My contacts page --> 
       {% if contributors.details or importedContacts.details%} 
        {% if not role %} 
         {% include 'mpb/mycontacts/mycontacts_contributed_team.html' %} 
        {% else%} 
         {% include 'mpb/mycontacts/mycontacts_contributors_rolewise.html' %} 
        {% endif %} 

       {% elif not contributors.details and not importedContacts.details %} 
        <div class="no-contacts"> 
         <h3 class="no-contacts-text">No Contacts to show</h3> 
        </div> 
       {% endif %} 
      </div> 
     </div> 
    </div> 

    <div id="upload-contacts" class="modal fade bs-example-modal-sm" tabindex="1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
     <div class="modal-dialog modal-sm"> 
      <div class="modal-content bg-modal"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
        <h4 class="modal-title text-center" id="mySmallModalLabel">Import your contacts &nbsp; <i class="glyphicon glyphicon-question-sign" rel="tooltip" title="click for help."></i></h4> 
       </div> 
       <div class="modal-body"> 
        <!--upload your contacts--> 

        <div id="dvImportSegments" class="fileupload "> 
        <div class="btn btn-primary btn-block image-preview-input"> 
           <span class=" glyphicon glyphicon-folder-open"></span> 
           <span class="image-preview-input-title">Import Contacts</span> 
           <input type="file" id="contactFileUpload" accept=".csv .vCard" name="File Upload"/> <!-- rename it --> 
          </div> 
        </div><!--end of upload your contacts--><br> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>

以下是js代码： mycontacts.js

var app = angular.module('contactsApp', ['djangular-confirm', 'djangular-alert']) 
      .config(function ($httpProvider, $interpolateProvider) { 

      $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 
      $httpProvider.defaults.headers.common['X-CSRFToken'] = '{$ csrf_value $}'; 
      $interpolateProvider.startSymbol('{$'); 
      $interpolateProvider.endSymbol('$}'); 
     }); 

     app.controller('contactsCtrl', function ($scope, $http, $location, $djconfirm, $djalert) { 

     });

个文件我已经包括

<script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script> 
<script src="/js/bootstrap.js"></script> 
<script type="text/javascript" src="/js/angular.min.js"></script> 
<script src="/djangular/js/django-angular.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="/js/angular-route.min.js"></script>

来源

2016-05-31 Simer

你有包括'mycontacts.js'文件中的index.html？ – AranS

我想你忘记注入angular.module（'contactsApp'，[]）或更改脚本文件索引。 –

[AngularJS 1.2 $ injector：modulerr]可能的重复（http://stackoverflow.com/questions/18287482/angularjs-1-2-injectormodulerr） – Simer

该错误表明没有名为ContactsApp模块是什么，预计为主要应用模块，由于您的ng-app值。

您注册了contactsApp由于区分大小写而不同。

换句话说：ContactsApp != contactsApp

来源

2016-05-31 12:16:08 charlietfl

对不起，我只是在发布问题后才注意到这一点。因此之前的错误让我感到沮丧，因为在发布之前我没有正确调试它。请投票结束。谢谢！！ – Simer

角度误差[$注射器：modulerr] - 注射器NOMOD

回答

相关问题