AngularJS Ошибка: [$ Инжектор: modulerr]

Я получаю эту ошибку в браузере "

Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector>/modulerr?

My Script app.js

var sampleApp = angular.module('myApp',[]).config(function($routeProvider){ 
    $routeProvider. 
     when('/AddNewOrder',{ 
      templateUrl:'view/add_order.html', 
      controller:'addOrderController' 
    }). 
     when('/ShowOrders',{ 
      templateUrl:'view/show_order.html', 
      controller:'addOrderController' 
    }). 
      otherwise({redirectTo:'/AddNewOrder' 
    }); 
}); 


`SampleApp.controller('myCtrl',function($scope,$location){ 
     $scope.setRoute = function(route){ 
      $location.path(route); 
});`

И HTML код

<!DOCTYPE html> 
<html lang="en" data-ng-app="myApp"> 
    <head> 

    <title>AngularJS Routing example</title> 

    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    <style> 
     body { 
      padding-top: 10px; 
      background-color: #F5F5F5; 
     } 
    </style> 

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src="../../assets/js/html5shiv.js"></script> 
     <script src="../../assets/js/respond.min.js"></script> 
    <![endif]--> 
    </head> 

    <body data-ng-controller="myCtrl"> 

    <div class="container"> 
     <div class="row"> 
     <div class="col-md-3"> 
      <ul class="nav"> 
       <li><a data-ng-click="setRoute('AddNewOrder')"> Add New Order </a></li> 
       <li><a data-ng-click="setRoute('ShowOrders')"> Show Order </a></li> 
      </ul> 
     </div> 
     <div class="col-md-9"> 
      <div data-ng-view></div> 
     </div> 

     </div> 

    </div><!-- /.container --> 

    <script src="js/angular.min.js"></script> 
    <script type="text/javascript" src="js/route.min.js"></script> 
    <script src="app.js"></script> 

    </body> 
</html>

Не требуйте, чтобы эта ошибка возникла. Требуется ваше предложение для решения этой проблемы.

источник

2016-08-13 Abhishek Kumar

Update

Я посмотрел на свой StackTrace, Похоже, вы загружаете вам JavaScript файлы из папки, путь непосредственно там, где он запрашивает файл с помощью file протокола. Для FIC этого вопроса вы должны принять вам файлы/папки на некотором сервере, как IIS, лампа, WAMP, и т.д. (любой сервер) & то доступ к HTML с размещенной ссылки (http://localhost:8080/index.html)

Хотя, если вы не хотите, чтобы провести файлы, которые вы могли бы включить прямой доступ к файлам можно обращаться [этот ответ] ( How to launch html using Chrome at "--allow-file-access-from-files" mode?)

вы должны быть инъекционного ngRoute модуль в myApp модуль, так как API маршрутизации не придумать из коробки с angular.js. Он был там в angular-route.js, который сохраняет свой API в модуле ngRoute. В принципе, всякий раз, когда вы хотите использовать API маршрутизации, вы должны вводить ngRoute в свой прикладной модуль. Еще одна вещь, которую я хочу убедиться, - angular-route-min.js (я думаю, у вас ее есть в js/route.min.js, переименовав ее), загруженную правильно или нет.

var sampleApp = angular.module('myApp',['ngRoute'])

источник

2016-08-13 11:07:36

, пожалуйста, объясните, почему так он это знает. –

@MrJSingh спасибо за головы, я обновил ответ :) –

да я это заметил :-) спасибо! –

AngularJS Ошибка: [$ Инжектор: modulerr]

ответ

Смежные вопросы