Проблема маршрутизации в Angular JS не в состоянии маршрутизировать

Question

Проблема маршрутизации в Angular JS не в состоянии маршрутизировать

0

Я не могу продолжить маршрутизацию в angularjs, я получаю следующую ошибку: "XMLHttpRequest не может загрузить файл:///C: /Users/PRn1/Desktop/angular%20samples/home1.html. Запросы на кросс-начало поддерживаются только протоколом схемы: http, data, chrome, chrome-extension, https, chrome-extension-resource. " я использую Chrome для тестирования, любая помощь будет оценена

здесь приведен пример кода

Это 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>

Pradeep 02 авг. 2016, в 11:14

Источник

Теги:

angularjs

2 ответа

Ещё вопросы

Natalia Cherniavskaia · Answer 1 · 2016-08-02T07-00-00.000Z

Вы не можете загружать файлы локально, как этот файл:///C:/... вместо этого вы должны использовать http://. Взгляните на http-сервер, он позволяет быстро запустить сервер.

Mridul Kashyap · Answer 2 · 2016-08-02T06-19-00.000Z

Запустите его с сервера. Угловые не позволяют запрашивать запрос на кросс-поиск. смысл, просто дважды щелкнув файл и надеясь, что это сработает, не будет. установите небольшой сервер. Live-сервер - это то, что я использую.