angular-route和angular-ui-router有什么区别?

我计划在我的大型应用程序中使用AngularJS。所以我正在寻找合适的模块来使用。

ngRoute (angular-route.js)和ui-router (angular-ui-router.js)模块之间的区别是什么?

在许多文章中，当使用ngRoute时，route是用$routeProvider配置的。然而，当与ui-router一起使用时，route使用$stateProvider和$urlRouterProvider配置。

我应该使用哪个模块来获得更好的可管理性和可扩展性?

当前回答

你必须知道的基本事情:ng-router使用$location.path()， ui-router使用$state.go

让我们休息一下。

其他回答

1- ngRoute是由angular团队开发的，而ui-router是第三方模块。ngRoute基于路由URL实现路由，而ui-router基于应用程序的状态实现路由。3- ui-router提供ng-route提供的所有功能，并加上一些额外的功能，如嵌套状态和多个命名视图。

如果你想使用ngRoute范例中实现的嵌套视图功能，可以尝试angular-route-segment -它旨在扩展ngRoute，而不是取代它。

角1.倍

ng-route:

ng-route由angularJS团队开发用于路由。

ng-route:基于url位置的路由。

Ex:

$routeProvider
    .when("/home", {
        templateUrl : "home.html"
    })

ui-route:

ui路由器由第三方模块开发。

Ui-router:基于状态的路由

Ex:

 $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'home.html'
        })

——> ui-router允许嵌套视图

——> ui-router比ng-route更强大

ng-router, ui-router

UI路由器让你的生活更轻松!你可以通过将它注入到你的AngularJS应用中来添加它…

ng-route是AngularJS核心的一部分，所以它更简单，给你的选择更少…

看这里可以更好地理解ng-route: https://docs.angularjs.org/api/ngRoute

另外，在使用它的时候，不要忘记使用:ngView ..

Ng-ui-router是不同的，但是:

https://github.com/angular-ui/ui-router但给你更多的选择....

AngularUI Router是AngularJS的路由框架，它允许你将接口的各个部分组织成一个状态机。不同于Angular ngRoute模块中的$route服务，它是围绕URL路由组织的，UI-Router是围绕状态组织的，状态可能会附加路由和其他行为。

https://github.com/angular-ui/ui-router

推荐文章