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.在主视图模版中指定加载子视图的位置
我们的子视图将会在此处被引入进来。完成这三步后,你的程序的路由就配置好了。
(部分文字来源于网络)
时间: 2024-10-27 12:13:15