AngularJS路由不能用一个简单的例子

是新的角js和学习。我尝试了一个非常简单的例子，但它似乎一切正常，但没有工作......我试着用两个简单的html文件进行路由。 HTML的内容应放在一个NG-视图格，点击一个用户列表时。请帮助，在此...在此先感谢..下面是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。它的工作..但没有在我的本地系统工作。我只是复制你的代码并粘贴它..在铬控制台中获取以下错误angular.js：10765XMLHttpRequest无法加载文件：/// C//Users/Srini/Desktop/angtest/first.html。交叉原点请求仅支持协议方案：http，data，chrome，chrome-extension，https，chrome-extension-resource。（匿名函数）@ angular.js：10765 angular.js：12520错误：[$ compile：tpload ] http://errors.angularjs.org/1.4.8/$compile/tpload?p0=first.html&p1=-1&p2= – srinivasan

错误是什么？ – Sajeetharan

问题是你的html文件没有被加载 – Sajeetharan

AngularJS路由不能用一个简单的例子

回答

相关问题