小编昨天晚上翻到之前做得笔记,今天就跟大家闲谈下ng-route与ui-router的区别
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实现多视图的切换不太容易