这篇文章主要介绍了angularjs路由用法,简单分析了angularjs路由的概念、功能及基本使用方法,需要的朋友可以参考下
本文实例讲述了AngularJS路由用法。分享给大家供大家参考,具体如下:
目前的理解中,这个NG的路由模块可以用于带有多视图的单页面开发。
先把所有代码贴出:
HTML:
AngularJS 路由应用
list.html:
HI,这里是list.html
{{name}}
JS:
var app = angular.module('routingDemoApp',['ngRoute']);
app.config(['$routeProvider', function($routeProvider){
$routeProvider
.when('/',{template:'这是首页页面'})
.when('/computers',{
template:'这是电脑分类页面'
})
.when('/user',{templateUrl:'list.html',controller:'listController'})
.otherwise({redirectTo:'/'});
}]);
app.controller('listController',function($scope){
$scope.name="ROSE";
});首先由于我用的是Angular1.5,所以需要额外引入angular-route.js:
PHP5学习对象教程由美国人古曼兹、贝肯、瑞桑斯编著,简张桂翻译,电子工业出版社于2007年12月1日出版的关于PHP5应用程序的技术类图书。该书全面介绍了PHP 5中的新功能、编程方法及设计模式,还分析阐述了PHP 5中新的数据库连接处理、错误处理和XML处理等机制,帮助读者系统了解、熟练掌握和高效应用PHP。
要使用NG里的路由,必须先在特定的模块中定义它:
.config(['$routeProvider', function($routeProvider){
//内容
}通过when和otherwise两个方法来进行路由的匹配。(其实就是匹配上面URL后面/的字符)。最后把匹配到的字符所对应的字段或者文件放入带有ng-view 指令的DOM里面。
when里面有许多属性。里面可以设置控制器,控制器会匹配给对应的字段或文件。就像上面代码中listController控制器一样。
ng-view指令有许多规则:
在匹配路由时:
1、创建一个新的当前作用域。
2、删除前一个作用域。
3、将当前的模板(控制器等)与当前新建的作用域关联起来。
4、如果有内置关联的控制器,将其与当期作用域关联起来。










