ng-view不会显示模板
ng-view不会显示模板
提问于 2015-09-06 21:02:35
我一直工作的角度，我试图实现简单的路由。我有一个基本的HTML，它包含对所有必需脚本的引用和一个ng-view标记。
由于某些原因，在加载页面时，模板不会显示在ng-view位置。为什么它没有显示，以及如何修复它？
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular-route.js"></script>
<script src="routCtrl.js"></script>
</head>
<body ng-app='ngRouteTest'>
<div ng-view></div>
</body>以及脚本文件：
var ngRouteTest = angular.module('ngRouteTest',['ngRoute']);
ngRouteTest.config(function($routeProvider){
$routeProvider
.when('/',
{templateUrl : '/routView1.html'})
});回答 3
Stack Overflow用户
回答已采纳
发布于 2015-09-07 21:41:38
好的，首先您需要从服务器上运行您的代码，所以要在本地测试它，请使用http-服务器，这非常容易准备。
然后，您需要将您的templateUrl路径更改为：
{templateUrl : '/routView1.html'}至：
{templateUrl : './routView1.html'}Stack Overflow用户
发布于 2015-09-06 21:46:06
您需要重定向到该页面，这样路由就可以知道在ng-view指令中呈现哪个页面。
有多种方法可以做到这一点。
- 再定义一个否则就可以重定向到
/。 $routeProvider.otherwise({redirectTo：'/'}) - 将锚添加到将重定向到
/的页面。 - 在
<head>标记中的页面上具有默认的url。
Stack Overflow用户
发布于 2015-09-07 20:41:40
在启动本地主机并从那里破坏代码之后，它运行得非常好。
当您进行本地ajax调用时，问题在于与铬相关的安全性。
因此，有这个问题的人应该做以下事情之一：
1.禁用镀铬的网络安全。2.启动本地主机进行测试。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32428279
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号