Angular js中的路由问题无法路由

我无法在angularjs中进行路由我收到以下错误 “XMLHttpRequest无法加载file：/// C：/ Users/PRn1/Desktop/angular％ 20samples/home1.html。交叉源请求仅支持协议方案：http，data，chrome，chrome-extension，https，chrome-extension-resource。“我使用Chrome浏览器测试它的任何帮助，将不胜感激Angular js中的路由问题无法路由

这里是示例代码

这是app.js

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

app.controller('myCtrl', function ($scope) { 
    $scope.message = "Thank you for visiting our website"; 
}) 

app.config(function ($routeProvider) { 
    $routeProvider 
     .when('/home', { 
      templateUrl: 'home1.html', 
      controller: 'myCtrl' 
     }) 
     .when('/aboutUs', { 
      templateUrl: 'aboutus.html', 
      controller: 'myCtrl' 
     }) 
     .when('/contactUs', { 
      templateUrl: 'Contactus.html', 
      controller: 'myCtrl' 
     }) 
     .otherwise({ 
      redirectTo: '/home' 
     }); 
});

这是home.html的

<html> 
<head> 
<!--Using CDN for angularjs and angular js routing--> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script> 

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

<!--Adding javaScript file for angularJs coding--> 
<script src="app.js"></script> 
</head> 
<body> 
<div ng-app="myApp"> 
<div id="topLinks"> 
<a href="#/home1">Home</a> 
<a href="#/aboutUs">About Us</a> 
<a href="#/contactUs">Contact Us</a> 
</div> 
<div ng-view> 
</div> 
</div> 
</body>

这是Home1.html

<div> 
    <h1>Welcome to Home page1</h1> 
    {{message}} 
</div>

这是Aboutus.html

<div> 
    <h1>Welcome to About us page</h1> 
    {{message}} 
</div>

这是从服务器contactus.html

<div> 
    <h1>Welcome to Contact us page</h1> 
    {{message}} 
</div>

来源

2016-08-02 Pradeep

启动它。 Angular doens不允许跨域请求。意思是，只需双击该文件并希望它能起作用，就不会。安装一个小型服务器。 Live-server是我使用的。

来源

2016-08-02 09:13:15

你不能在本地加载文件这样的文件：/// C：/ ...你必须使用HTTP ：//代替。看看http-server，它可以让你快速启动服务器。

来源

2016-08-02 09:17:24

Angular js中的路由问题无法路由

回答

相关问题