ngRoute无法加载$routeProvider定义的视图
ngRoute fails to load view defined by $routeProvider
我刚刚开始尝试将ngRoute集成到我正在构建的应用程序中,但很难让ngRoute正常工作。
我创建了一个简单的应用程序来描述我的尝试。
index.html:
<!DOCTYPE html>
<html ng-app="tester">
<head>
<meta charset="utf-8" />
<title>ngRoute Test</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.js"></script>
<script src="app.js"></script>
</head>
<p>Here is a link to switch views:</p>
<a href="/tests">Test</a>
<div ng-view></div>
</html>
app.js
var app = angular.module('tester', ['ngRoute']).config(function($routeProvider) {
$routeProvider
.when('/tests', {
templateUrl: 'tests.html',
controller: 'TestCtrl'
});
});
app.controller('TestCtrl', ['$scope', function($scope){
$scope.title = "This is a Test Page";
}]);
tests.html
<p>{{ title }}</p>
下面是一个plunkr,显示了我的尝试:http://plnkr.co/edit/ntgV5xFTl46tBugEnCVe?p=preview.如果能在这个问题上提供任何帮助,我们将不胜感激!
由于您没有启用Html5模式,您需要创建如下视图链接:
<a href="#/tests">Test</a>
检查此plunker:http://plnkr.co/edit/Pn4rzbFSxcjyfeojJyF1?p=preview
相关文章:
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- 如何在ExtJs4应用程序上为视图、存储和模型设置自定义文件夹名称
- UI5:如何访问视图中定义的html元素
- $routeParams在传递到新视图时未定义&控制器
- 遍历SC.ManyArrray以创建要附加到SproutCore中的另一个视图的自定义视图
- 使用AMD时未定义淘汰组件视图模型
- 基于月份视图的完整日历自定义视图
- 自定义筛选器不'我不使用django数据表视图创建的ajax.data.Json
- Uncaught ReferenceError:尝试在Android网络视图中访问时未定义函数
- Meteor JS自动表单自定义输入-没有当前视图
- 完整日历自定义视图
- JQuery日历插件:自定义视图
- 想在Android中使用setColor方法发送颜色表单活动类到自定义视图
- 带有用户过滤器选项的静态表使用Javascript / CSS自定义视图
- 向子网格添加自定义视图时出现错误“添加现有按钮”
- 在为rest路由定义视图时,数据是否会被传递给request .locals ?
- Dojox/app:是否有可能以编程方式定义视图?
- 如何在sugarcrm的同一窗口中打开自定义视图,如sugarcrm的leads模块中的快速撰写电子邮件视图
- ExtJS 4:从分组存储中呈现自定义视图,并为分组命名
- 从MVC中的自定义视图模型在Razor页面上用JavaScript创建JSON对象数组