0
angularjsでルーティングを進めることができません。以下のエラーが発生しました。 "XMLHttpRequestはファイルをロードできません：/// C：/ Users/PRn1/Desktop/angular％ 20samples/home1.html Cross origin requestは、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>
これはこれはcontactus.html
<div>
<h1>Welcome to Contact us page</h1>
{{message}}
</div>