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中的路由問題無法路由

回答

相關問題