AngularJS Route - templateUrl无效

时间:2016-09-07 19:32:38

标签: angularjs

访问路线时,根本不会显示部分模板。

我的索引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:这有效:

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

1 个答案:

答案 0 :(得分:1)

打开控制台( F12 ),您将看到以下错误:

  

交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

我打赌你在没有运行网络服务器的情况下使用谷歌浏览器打开index.html。要解决此问题,您需要从网络服务器运行代码,或者只使用Mozilla Firefox

Plunker中,它可以正常工作。