angularjs学习笔记01--ng-view和路由的使用

因为公司要求重构用ng，所以学习了一些ng的基本知识和用法，这篇文章的内容为ng-view和路由的简单使用（纯html，不涉及后台，用idea）。

首先创建一个maven项目，依赖如下



主页面和ng的js：


ng-view的页面：因为这几个页面都很简洁，就标题改一下而已，所以贴一个html


最后就是重点来了，index的js代码：

angular.module(‘routeDemo’,[‘ngRoute’])

.controller(‘HomeController’,function (scope,route) {

scope.route = route;
})
.controller(‘WomanController’,function (scope,route)$scope.$route=$route;).controller(‘WomanController′,function(scope,route)$scope.$route=$route;).controller(‘ManController′,function(scope,route)$scope.$route=$route;).controller(‘LifeController′,function(scope,route)$scope.$route=$route;).controller(‘CookController′,function(scope,route)$scope.$route=$route;).config(function(routeProvider){

$routeProvider.

when(‘/home’,{

//templateURL：插入ng-view的HTML模板文件

templateUrl:’home/home.html’,

controller:’HomeController’

}).
when('/woman',{
templateUrl:'woman/woman.html',
controller:'WomanController'
}).
when('/man',{
templateUrl:'man/man.html',
controller:'ManController'
}).
when('/life',{
templateUrl:'life/life.html',
controller:'LifeController'
}).
when('/cook',{
templateUrl:'cook/cook.html',
controller:'CookController'
})
});
因为本人也是刚学了ng，有很多不懂得地方，有不足之处请指出，谢谢！