访问路线时,根本不会显示部分模板。
我的索引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" })
});
解决方案文件:
Obs:这有效:
$routeProvider.when("/home", { template: "<h>I'm home</h>" })
答案 0 :(得分:1)
打开控制台( F12 ),您将看到以下错误:
交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。
我打赌你在没有运行网络服务器的情况下使用谷歌浏览器打开index.html
。要解决此问题,您需要从网络服务器运行代码,或者只使用Mozilla Firefox。
在Plunker中,它可以正常工作。