Javascript 吴景元'；t显示模板_Javascript_Angularjs_Ng View_Route Provider

Javascript 吴景元'；t显示模板

javascript angularjs

Javascript 吴景元'；t显示模板,javascript,angularjs,ng-view,route-provider,Javascript,Angularjs,Ng View,Route Provider,我一直在使用Angular，并尝试实现简单的路由。我有一个基本的HTML，其中包含对所有必需脚本的引用和一个ng视图标记 <base href="/"/> 由于某些原因，当加载页面时，模板不会显示在ng视图位置。为什么不显示，以及如何修复 <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"><

我一直在使用Angular，并尝试实现简单的路由。我有一个基本的HTML，其中包含对所有必需脚本的引用和一个

ng视图

标记

<base href="/"/>

由于某些原因，当加载页面时，模板不会显示在

ng视图

位置。为什么不显示，以及如何修复

<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>

您需要重定向到该页面，以便路由将知道在

ng view

指令中呈现哪个页面

有多种方法可以做到这一点

另外定义一个重定向到

$routeProvider.otherwise({redirectTo: '/'})

<body ng-app='ngRouteTest'>
    <a href="#/">Home Page</a>
    <div ng-view></div>
</body>

将锚添加到将重定向到

的页面

$routeProvider.otherwise({redirectTo: '/'})

<body ng-app='ngRouteTest'>
    <a href="#/">Home Page</a>
    <div ng-view></div>
</body>

在

标记的页面上具有默认url

<base href="/"/>

在启动本地主机并破坏了那里的代码之后，它工作得非常好

问题是在进行本地ajax调用时与chrome相关的安全性

因此，有此问题的人应采取以下措施之一：

1.在chrome中禁用web安全。

2.启动本地主机进行测试

好的，首先您需要从服务器上运行代码，因此要在本地测试代码，请使用非常容易准备的工具

然后，您需要从以下位置更改templateUrl路径：

{templateUrl : '/routView1.html'}

致：

开发者控制台怎么说？任何错误/警告？以下错误：“加载模板失败”。然后问题是您提供的html文件路径错误。你的routView1.html在哪里？你的文件夹结构是什么样子的？我的所有文件都位于同一个文件夹中（我不认为路径是问题所在）。我认为问题在于ajax调用是由路由引起的，如果在chrome中本地执行，这是一个安全问题。应该不仅仅是“加载模板失败”。开发工具通常还会提到请求的路径。。。你能发布你的控制台截图吗？谢谢你的回答，所有选项都没有帮助。我确实看到在添加“否则”后执行的路由，但是ng视图没有加载模板。按照上面的要求转到控制台，我看到以下错误：“加载模板失败”。我认为问题在于文件存储在本地，导致安全问题——我将启动服务器，看看是否得到不同的结果。