AngularJS маршрутизация не работает с простым примером

Я новичок в угловых js и обучения. Я попробовал очень простой пример, но, похоже, все правильно, но не работает ... Я пробовал маршрутизацию двумя простыми файлами html. Содержание HTML должно быть помещено на нг вид DIV, когда список пользователи щелкают .. Пожалуйста, помогите в этом ... заранее спасибо .. ниже кодAngularJS маршрутизация не работает с простым примером

<!DOCTYPE html> 
<html> 
<head> 
    <title>Main Page </title> 
    <script src="js/angular.min.js"> </script> 
    <script src="js/angular-route.min.js"></script> 
    <script> 
     var myApp = angular.module('myApp',['ngRoute']); 

     myApp.config (function ($routeProvider) { 

      $routeProvider 

      .when('/', { 
       templateUrl: 'pages/first.html', 
       controller: 'FirstController' 
      }) 

      .when('/Second', { 
       templateUrl: 'pages/second.html', 
       controller: 'SecondController' 
      }); 

     }); 

     myApp.controller('FirstController',function($scope){ 



     }); 

     myApp.controller('SecondController',function($scope){ 


     });  


    </script> 
</head> 

<body ng-app="myApp"> 
    <ul> 
     <li> Home Page</li> 
     <li> <a href="#"> Go to First Page </a> </li> 
     <li> <a href="#/Second"> Go to Second Page </li>  
     <h1> Main Page is here</h1>  
    </ul> 

    <div ng-view></div> 
</body> 
</html>

источник

2016-11-28 srinivasan

Вы не закрыли второй </a>

<ul> 
     <li> Home Page</li> 
     <li> <a href="#"> Go to First Page </a> </li> 
     <li> <a href="#/Second"> Go to Second Page </a> </li>  
     <h1> Main Page is here</h1>  
    </ul>

DEMO

источник

2016-11-28 12:07:43 Sajeetharan

я попытался с plnkr. его работа .. но не работает в моей локальной системе. Я только что скопировал ваш код и вставил его. В консоли Chrome я получил следующую ошибку: angular.js: 10765XMLHttpRequest не может загрузить файл: /// C: /Users/Srini/Desktop/angtest/first.html. Запросы на кросс-начало поддерживаются только для схем протокола: http, data, chrome, chrome-extension, https, chrome-extension-resource. (Анонимная функция) @ angular.js: 10765 angular.js: 12520Error: [$ compile: tpload ] http://errors.angularjs.org/1.4.8/$compile/tpload?p0=first.html&p1=-1&p2= – srinivasan

Какая ошибка? – Sajeetharan

вопрос ваш html-файл не загружается – Sajeetharan

AngularJS маршрутизация не работает с простым примером

ответ

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