AngularJs View не отображается

Привет, я новичок в angular js. когда я загружаю страницу, она показывает две ошибки

1 – Ошибка: [$injector:unpr]

2 – Ошибка: [$injector:cdep]

HTML

index.html

<body ng-app="MyApp">
    <nav>
        <!-- navbar items displaying here -->
    </nav>
    <div ng-view></div>
</body>
<script src="libs/js/angular.js"></script>
<script src="libs/js/angular-route.min.js"></script>
<!--angular controller file-->
<script src="libs/apps.js"></script>
<script src="libs/controller.js"></script>
<!--Other UI Libraries-->
<script src="libs/js/jquery.min.js"></script>

партиалы/developers.html

  <section class="developer">

  <div class="container-fluid">
  <div class="col-md-9 col-md-offset-3">
<form ng-submit="check()">
<div class="form-group">
  <div class="col-md-6"> 
    <input type="text" class="form-control" autofocus="true"  ng-model-options="{debounce: 300}" ng-model="search" placeholder="Search text here"/>
    </div>
  </div>

</form> 
  </div>
  <div class="sort col-md-5 col-md-offset-3">
  <label class="formgroup">Sort By</label>
    <select ng-model="order">
      <option value="name" selected="selected">
        Name
      </option>
      <option value="org">
        Organisation
      </option>
      <option value="designation">
        Designation
      </option>
    </select>
    <label class="formgroup">
      <input ng-model="direction" type="radio" name="order" checked>
      Ascending
    </label>
<label class="formgroup">
        <input ng-model="direction" type="radio" name="order" value="reverse">
        Descending
</label>

  </div>
  <div class="col-md">
    <div class="col-md-9 col-md-offset-3">
    <div class="col-md-6 mydiv"  ng-clock>
      <ul ng-show="search  ">
        <li class="items" ng-repeat="item in list | filter:search | orderBy:order:direction" ng-model-options="{ updateOn: 'blur' }">
            <label class="lbl">Name</label><p class="text name" ng-bind="item.name"></p>
            <label class="lbl">Designation</label><p  class="text desig" ng-bind=" item.designation"></p>
            <label class="lbl">Organisation</label><p  class="text org" ng-bind="item.org"></p>
              <div class="clear"></div>
        </li>
      </ul>
    </div>

  </div>

</div><!--Container fluid closes-->

</section>

app.js

var myApp = angular.module("MyApp",[
    'ngRoute',
    'appController'
    ]);

myApp.config(['$routeProvider',function($routeProvider){
$routeProvider.
    when('/list',{
        templateUrl : 'partials/developers.html',
        controller:'DeveloperController',
    }).
    otherwise({
        redirectTo: '/list'
    });

}]);

controller.js

var appController = angular.module("appController", []);
appController.controller('DeveloperController', ['$scope','$http',function($scope,$http) {

   $scope.name="asdsas";

}]);

см. изображение консоли здесь

ИЗМЕНИТЬ

это моя структура каталогов проекта. не создаст ли это никаких проблем. Я не запускаю его на wamp или любом другом сервере.

кто-нибудь, пожалуйста, помогите мне разобраться


javascript angularjs angularjs-directive angularjs-routing ng-view
person droidev    schedule 30.01.2015    source источник
comment
У вас есть опечатка в вашем index.html, первое предложение должно быть <div ng-app="MyApp"> вместо <div ng-app="MyApp", а последнее предложение также нуждается в закрытии >   -  person Ricconnect    schedule 30.01.2015
comment
эй, я не заметил комментарий @Ricconnect, когда публиковал свой ответ.   -  person chandings    schedule 30.01.2015
comment
@Ricconnect привет, на самом деле я дал это для демонстрации, я отредактировал вопрос так же, как и мой код, пожалуйста, посмотрите   -  person droidev    schedule 30.01.2015
comment
Вам все еще не хватает закрывающего тега для вашего HTML-тега :) </html должно быть </html>. Кроме того, ваш код выглядит нормально, я думаю.   -  person Ricconnect    schedule 30.01.2015
comment
все в порядке в моем редакторе, но все равно та же ошибка, я думаю, что ошибка может быть связана с routeProvider   -  person droidev    schedule 30.01.2015
comment
@chandings не пустой, он содержит много строк кода, я все равно добавляю его в qn, пожалуйста, проверьте   -  person droidev    schedule 30.01.2015

Ответы (2)


arrow_upward
1
arrow_downward

Ошибка вызвана отсутствием включения модуля ngRoute. Его нужно включать отдельно

Попробуйте включить следующее в свои сценарии

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

Подробнее см. это.

person Neetu    schedule 30.01.2015
comment
нет, я добавил как angular.js, так и angular-route.min.js - person droidev; 30.01.2015
comment
Я создал плункер с вашим кодом, в котором все работает. См. это plnkr.co/edit/4pGxWf7aKzZ5PxOxZpuM?p=preview. - person Neetu; 30.01.2015
comment
о, это действительно круто, и он отлично работает в плункере, но тогда почему не здесь :D - person droidev; 30.01.2015
comment
вы работаете с локального сервера? в противном случае он не будет загружать шаблоны. Вам нужно создать локальный хост, используя любую технологию php, узел, который вам удобен, и запустить его с этого - person chandings; 30.01.2015
comment
Ошибка @Neetu была с моим route.min.js, я не знаю почему, я скачал ее с официального сайта angular js. теперь все работает нормально, потому что я использую CDN .. Спасибо - person droidev; 30.01.2015

arrow_upward
0
arrow_downward

код, предоставленный для index.html, неверен. Посмотрите, поможет ли это

<div ng-app="MyApp">
    <div ng-view>
    </div>
</div>
person chandings    schedule 30.01.2015