Question

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

我的索引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>" })

Answer 1

打开控制台（ F12 ），您将看到以下错误：

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

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

在Plunker中，它可以正常工作。

AngularJS Route - templateUrl无效

1 个答案: