Question

Angular路由 ng-route和ui-router的区别

Answer 1

angular的路由有两种，在angular最先出来的ngRoute的时候，后续又有了uiRoute

ng-Route 和 ui-route区别:

$when **************** $state 路由状态配置的区别

$routeParams ******** $stateParams 带参数的时候的配置区别

$routeProvider ******** $stateProvider 依赖注入的模块的区别

<div ng-view></div>******** <div ui-view></div> 页面中绑定的指令的区别
此外 ng是官方提供的，而ui是第三方提供的，适合项目中涉及大量嵌套模块时去使用，功能非常强大，它支持一切正常ng-route也可以做许多额外的功能。

首先插件引入有区别
ng-route插件引入

ui-router插件引入方式：
注：angular.min.js一定要在ui-route引入之前引入

下边给大家分享下刚写的一个关于ui-router路由的小案例，希望大家看完这个小案例能够对ui-router路由有更深刻的认识

首先需导入angularjs插件以及index所依赖的js导入
下边是对应js文档里的代码

这是跳转的页面，点击hello和world会跳转不同的模块，而ng-route实现多视图的切换不太容易