angularJs 中 ng-route与ui-router路由的区别

xiaoxiao2021-02-27  475

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

转载请注明原文地址: https://www.6miu.com/read-806.html

最新回复(0)