学习 ui-router （五）：路由控制

最新推荐文章于 2020-11-16 13:41:21 发布

转载最新推荐文章于 2020-11-16 13:41:21 发布 · 489 阅读

文章标签：

#angular

Web前端同时被 2 个专栏收录

85 篇文章

订阅专栏

angular

5 篇文章

订阅专栏

本文详细介绍了AngularJS的ui-router插件，包括$state/$stateProvider用于管理状态定义、当前状态和状态转换；ui-view指示器用于渲染状态定义的视图；$urlRouter/$urlRouterProvider用于处理$location变化时的跳转；$urlMatcherFactory用于编译url和占位符；$templateFactory用于加载模板。

转自：http://bubkoo.com/2014/01/02/angular/ui-router/guide/the-components/

参考原文：https://github.com/angular-ui/ui-router/wiki/The-Components

$state / $stateProvider：管理状态定义、当前状态和状态转换。包含触发状态转换的事件和回调函数，异步解决目标状态的任何依赖项，更新$location到当前状态。由于状态包含关联的 url，通过$urlRouterProvider生成一个路由规则来执行转换的状态。
ui-view指示器：渲染状态中定义的视图，是状态中定义的视图的一个占位符。
$urlRouter / $urlRouterProvider：管理了一套路由规则列表来处理当$location发生变化时如何跳转。最低级的方式是，规则可以是任意函数，来检查$location，并在处理完成时候返回true。支持正则表达式规则和通过$urlMatcherFactory编译的UrlMatcher对象的 url 占位符规则。
$urlMatcherFactory：将 url和占位符编译为UrlMatcher对象。除了$routeProvider支持的占位符语法之外，它还支持扩展语法，允许一个正则表达式指定占位符，并且能够提取命名参数和查询url的一部分。
$templateFactory - 通过$http / $templateCache来加载模板，供状态配置中使用。