Sha*_*lor 1 html javascript routes url-routing angularjs
我正在尝试在Angular.js中创建一个简单的待办事项列表应用程序,并且很难让路由和ng-view正常工作.我一直在主要通过Dan Wahlin Modules,Routes and Factories编写的代码示例
现在,当我运行这段代码时,我知道Angular已经正常启动并且功能但是ng-view似乎不知道我的routes.js文件告诉它显示什么,(我的两个部分文件只是随机文本所以我会知道ng-view何时正常工作......).我想我的routes.js中的所有内容都已正确编码,但无法弄清楚为什么ng-view仍然没有被Angular处理.有人可以向我解释为什么在我的代码中忽略了ng-view？
目前,这里有我的文件:
的index.html
<!doctype html>
<html lang="en" ng-app="todoApp">
<head>
<link rel="stylesheet" type="text/css" src="css/app.css">
<title>Todo App</title>
</head>
<body>
<div ng-view></div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"> </script>
<script src="js/routes.js"></script>
<script src="js/controllers.js"></script>
</body>
controller.js
var todoApp = angular.module('todoApp');
todoApp.controller('UsersCtrl', function($scope) {
$scope.users = [];
});
todoApp.controller('TodoCtrl', function($scope) {
$scope.todos = [];
});
routes.js
var todoApp = angular.module('todoApp', []);
todoApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/users', {templateURL: 'partials/users.html', controller: 'UsersCtrl'});
$routeProvider.when('/todos', {templateURL: 'partials/todos.html', controller: 'TodoCtrl' });
$routeProvider.otherwise({ redirectTo: '/users' });
}]);
小智 5
你应该使用'templateUrl'而不是'templateURL',你的样本的工作插件是@ http://plnkr.co/edit/peugMW8c0AmMO8YumhO7?p=preview
-Bhaskara
| 归档时间： |
|
| 查看次数： |
8614 次 |
| 最近记录： |