Это не загрузка просмотров в Angular

-1

enter image description here У меня есть пустой MVC-проект, однако у меня есть папка, созданная по имени MyViews и содержащая html (view1.html и view2.html), в то время как скрипт html находится под основной папкой проекта (Местоположение находится ниже файла global.asax).Это не загрузка просмотров в Angular

<html data-ng-app="App"> 
 

 
<head> 
 
    <title></title> 
 
</head> 
 

 
<body> 
 
    <div> 
 
    <div data-ng-view=""></div> 
 
    <input type="text" name="txtName" data-ng-model="typedName" /> 
 
    <br />Typed Name is: {{ typedName }} 
 
    <br />Names: 
 
    <ul> 
 
     <li data-ng-repeat="person in Customers | orderBy:'name' | filter:typedName ">{{ person.name | uppercase}} - {{ person.city }} 
 
     </li> 
 
    </ul> 
 
    </div> 
 
    <script src="Scripts/angular.min.js"></script> 
 
    <script> 
 
    angular.module('App', []).config(function($routeProvider) { 
 
     $routeProvider 
 
      .when('/View1', { 
 
      controller: 'Fir', 
 
      templateUrl: '/MyViews/View1.html' 
 
      }) 
 
      .when('/View2', { 
 
      controller: 'Fir', 
 
      templateUrl: '/MyViews/View2.html' 
 
      }) 
 
      .otherwise({ 
 
      redirectTo: '/View1' 
 
      }); 
 
     }) 
 
     .controller('Fir', function($scope) { 
 
     $scope.Customers = [{ 
 
      name: 'Kiam', 
 
      city: 'Los Angeles' 
 
     }, { 
 
      name: 'Se', 
 
      city: 'Los Vegas' 
 
     }] 
 
     }); 
 
    </script> 
 
</body> 
 

 
</html>

Почему мнения не загружаются? :(

источник

2015-04-03 Learner

Есть ли ошибки? –

никаких ошибок вообще – Learner

Загрузили ли вы приложение ng-app = "App" ?? –

Вы пытаетесь использовать угловой модуль маршрутизации ngRoute, но вы никогда не включили его на свою страницу.

Для правильного функционирования этого кода необходимы два изменения; Во-первых, вам нужно загрузить модуль ngRoute на свою страницу и, конечно же, иметь модуль в вашем каталоге Scripts. т.е.

<script src="Scripts/angular.min.js"></script> 
<script src="Scripts/angular-route.js"></script>

Во-вторых, вам необходимо включить ngRoute в ваших зависимостей между модулями вашего приложения, например, так:

angular.module('App', ['ngRoute']).config(function($routeProvider) {

Как я уже говорил вам раньше, вы не можете следить за два года руководство старого видео и ожидать, что он будет корректно работать с текущими версиями угловых. Там было много нарушение изменений, включая этот случай, когда модуль углового маршрута был перемещен в собственный файл.

источник

2015-04-03 15:17:00 Claies

Спасибо, но откуда вы знаете T он назвал этот модуль как ngRoute? Я могу сохранить любое имя? или это из документов, которые вы узнали, называется ngRoute? Я видел это в ссылке, которую вы дали ... Кроме того, теперь я понимаю, что видеозагрузчик написал несколько комментариев о изменениях маршрутизации, которые я не наблюдал, когда я смотрел видео офлайн, загружая (не видел, что написано в описание под этим видео им :() Спасибо, что предупредил меня, теперь я обязательно прочитаю для каждого видео, которое я смотрю :) – Learner

Кроме того, я сделал небольшую коррекцию, мне нужно использовать ngRoute под одинарные кавычки ..... Иначе это не сработает: S – Learner

да, это просто то, что вам нужно будет прочитать документацию, чтобы знать; более новые учебники и видеоролики используют имя, достаточное для того, чтобы вы могли увидеть его, даже если вы не знаете, где он находится в документации. Но угловая - очень большая структура, с большим количеством документации ... – Claies

Не могли бы вы проверить, если ваша папка MyViews находится в том же пути, что и ваш JavaScript файл?

Кроме того, старайтесь избегать пути, начиная с /, которые указывают путь от root приложения.

templateUrl путь должен быть по отношению к вызываемому файлу JavaScript.

app/ 
    main.js 
    MyViews/ 
     View2.html

источник

2015-04-03 14:56:45

Спасибо, я удалил /, и я также наклеил свою структуру папок выше. Он не работает :( – Learner

Вы пытались удалить ведущую косую черту? –

да не повезло :(.. – Learner

Это не загрузка просмотров в Angular

ответ

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