2016-05-13 7 views
0

私はangularJSでページを移動するのに慣れていますが、私のブラウザで、それは私がコンソールに見たとき、私はこのエラーが表示何も を表示しません:ここAngularJSエラーCross originリクエストは、http、data、chrome、chrome-extension-resource、https、chrome-extension-resourceの場合にのみサポートされます。

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 

は私のコードは次のとおりです。

ViewsTestPage:

<html> 
<head> 
    <title>Views Test</title> 
    <script src="angular.min.js"></script> 
    <script src="angular-route.min.js"></script> 
    <script src="controller.js"></script> 
</head> 
<body ng-app="myApp"> 
    <div ng-view></div> 
</body> 
</html> 

controller.js:

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

mainApp.config(function($routeProvider){ 
    $routeProvider 
    .when('/', { 
     templateUrl: 'UsersPage.html' 

    }) 

    .when('/helloUser', { 
    templateUrl: 'hello.html' 
}) 
.otherwise({ 
    redirectTo: '/' 
}); 

}); 

UsersPage:

Hello world <a href="#/helloUser">Hi users</a> 

hello.html

<h1> Users Page</h1> 

begginner i'am任意の助けてください!!!!

答えて

0

このエラーは、ブラウザから直接HTMLドキュメントを開いているために発生しています。これを修正するには、Webサーバーからコードを提供し、localhostにアクセスする必要があります。 Apacheの設定がある場合は、これを使ってファイルを提供します。いくつかのIDEにはJetBrains IDE、EclipseのようなWebサーバーが組み込まれています。 Webstormがある場合は、Webstormから開くことができます。

Node.Jsの設定がある場合は、http-serverを使用できます。 npmをインストールしてhttp-server -gをインストールすると、http-serverのような端末で使用できるようになります。C:\location\to\app.

+0

このレスポンスは表示されていますが、私はこれを行う方法がわかりません。行う??? –

+0

ノードがインストールされているか、Webstormがインストールされていますか? – sumair

関連する問題