ng-route使用笔记

1.引入文件和依赖

 

2.定义路由表

引入ngRoute模块，引入的意义在于，需要它里面的$routeProvider服务

$routeProvider提供了定义路由表的服务，它有两个核心方法

when(path, route) 、otherwise(params)

when(path, route)方法接受两个参数

path是一个string类型，表示该条路由所匹配的路径，它将与地址栏的内容（$location.path）值进行匹配;

route是一个object，用来指定path匹配后所需的一系列配置项，包括以下内容：

controller //function或string类型。在当前模板上执行的controller函数，生成新的scope
controllerAs //string类型，为controller指定别名
template //string或function类型，视图所用的模板，这部分内容将被ngView引用
templateUrl //string或function类型，当视图模板为单独的html文件或是使用了<script type="text/ng-template">定义模板时使用 resolve //指定当前controller所依赖的其他模块 redirectTo //重定向的地址

例如：

otherwise(params)

对应路径匹配不到时的情况，这时候我们可以配置一个redirectTo参数，让它重定向到404页面或者是首页。

 

3.在主视图模版中指定加载子视图的位置

我们的子视图将会在此处被引入进来。完成这三步后，你的程序的路由就配置好了。

（部分文字来源于网络）

转载于:https://www.cnblogs.com/margarita/p/5266150.html