2016-09-07 8 views
0

ルートにアクセスすると、部分テンプレートがまったく表示されません。AngularJSルート - テンプレートURLが機能しない

マイ指数HTML(初期レイアウト):

<!DOCTYPE html> 
<html ng-app="app"> 
<head> 
    <title>My App</title> 
    <script src="Scripts/angular.min.js"></script> 
    <script src="Scripts/angular-route.min.js"></script> 
    <script src="Scripts/Script.js"></script> 
</head> 
<body> 
    <a href="#/home">Go to Home</a> 
    <div ng-view></div> 
</body> 
</html> 

マイHome.html

<h>I'm home</h> 

マイScript.js

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

app.config(function ($routeProvider) { 
    $routeProvider.when("/home", { templateUrl: "Templates/Home.html" }) 
}); 

ソリューションファイル:

enter image description here

OBS:私はあなたが実行しなくてもGoogle Chromeを使用してindex.htmlを開いている賭け

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

:コンソール(F12

$routeProvider.when("/home", { template: "<h>I'm home</h>" }) 
+0

JSFiddle/Codepenに入れても、同じ問題がありますか? –

答えて

1

オープンし、次のエラーが表示されます:これは動作しますウェブサーバー問題を解決するには、Webサーバーからコードを実行するか、代わりにMozilla Firefoxを使用する必要があります。

Plunkerでは正常です。

関連する問題