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

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

0号模块和1号模块的区别是什么?

在许多文章中，当使用ngRoute时，路由被配置为routeProvider美元< em > < / em >。然而，当与ui-router一起使用时，route将配置为$stateProvider and $urlRouterProvider .。

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

269255 次浏览
小开
最佳答案

ui-router是一个第三方模块，功能非常强大。它支持普通ngRoute所能做的一切，以及许多额外的函数。

下面是ui-router选择ngRoute的一些常见原因:

从本质上讲，ui-router是一个具有更多功能的ngRouter，在表下是完全不同的。这些附加特性对于较大的应用程序非常有用。

更多信息:

小开

ngRoute是AngularJS核心框架的一部分。

Ui-router是一个社区库，创建它是为了改进默认路由功能。

这是一篇关于配置/设置ui-router的好文章:

http://www.ng-newsletter.com/posts/angular-ui-router.html

小开

ngRoute是AngularJS团队开发的一个模块，它是AngularJS核心的早期部分。

ui-router是AngularJS项目之外的一个框架，用于改进和增强路由功能。

ui-router 文档:

AngularUI Router是AngularJS的路由框架，它允许您可以将接口的各个部分组织到状态机中。不像Angular核心中的$route服务，它是围绕URL路由，UI-Router是围绕状态组织的，这可能是可选的附加路由，以及其他行为。

状态绑定到命名、嵌套和并行视图，允许您

它们都不是更好的，你必须选择最适合你的项目。

但是，如果您计划在应用程序中使用复杂的视图，并且希望处理“$state”概念。我建议你选择ui-router。

小开

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

小开

ngRoute是一个基本的路由库，你可以为任何路由指定一个视图和控制器。

使用ui-router，你可以指定多个视图，包括并行视图和嵌套视图。因此，如果你的应用程序需要(或将来可能需要)任何复杂的路由/视图，那么就使用ui-router。

这是AngularUI路由器的最佳入门指南。

小开

ngRoute是一个适用于基本场景的angular核心模块。我相信他们会在即将发布的版本中添加更强大的功能。

URL: # 0

Ui-router是一个独立的模块，它克服了ngRoute的问题。主要是嵌套/复杂视图。

URL: # 0

ui-router和ngRoute之间的一些区别

http://www.amasik.com/angularjs-ngroute-vs-ui-router/

enter image description here

小开

ngRoute是Angular团队构建的一个模块，提供基本的客户端路由功能。这个模块为路由提供了一个相当强大的基础，并且可以很容易地构建在此基础上，从而提供可靠的路由功能，如这篇博文所示(一定要阅读Ward Bell和作者Ben Nadel之间的评论——他们都是Angular的专家)。

Ui-router将焦点从以url为中心的路由转移到应用程序的“状态”上，这些状态可能反映在url中，也可能不反映在url中。

ui-router添加的主要功能是嵌套状态和命名视图。

嵌套状态允许您为应用程序的各个部分分离控制器逻辑。一个非常简单的例子是，应用程序的主要导航在顶部，辅助导航列表在左侧，内容在右侧。如果没有嵌套状态，单个控制器通常必须处理次要导航和内容的显示逻辑。嵌套路由允许分离这些关注点。

命名视图是ui-router的另一个附加特性。使用ngRoute，你只能在一个页面上有一个ngView指令，而在ui-router中使用命名视图，你可以指定多个ui-view指令，然后每个状态都能影响名称视图的模板和控制器。一个超级简单的例子是让你的应用程序的主要内容成为主视图，然后还有一个脚栏，这将是一个单独的ui-view。在这种情况下，页脚的控制器不再需要侦听状态/路由更改。

ngRoute和ui-router的比较可以在这个播客集中找到。

让事情变得更复杂的是，请密切关注Angular团队期待为Angular 1.5和2.0版本发布的新的“官方”路由模块。这将取代ngRoute模块。在这里是新路由器模块的当前文档——在这篇文章中，它相当稀疏，因为实现还没有最终确定。观看在这里，了解更多关于该模块何时实际发布的消息。

小开

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

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

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

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

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

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

小开

通常ui-router工作在一个状态机制…可以用一个简单的例子来理解:

假设我们有一个大的音乐库应用程序(比如..Gaana或saavan或任何其他)。在页面的底部，你有一个音乐播放器在页面的所有状态下共享。

现在让我们假设你只是点击一些歌曲来播放。在这种情况下，只有音乐播放器的状态应该改变，而不是重新加载整个页面。这可以通过ui-router轻松处理。

而在ngRoute中，我们只是附加视图和控制器。

小开

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

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

小开

角1.倍

ng-route:

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

ng-route: # 0

例:

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

ui-route:

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

Ui-router: 基于状态的路由

例:

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

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

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

< p > # 0,# 0 < / p >
小开

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

让我们休息一下。

小开

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

小开

ngRoute是Angular.js团队开发的一个模块，是Angular核心的早期部分。

ui-router是Angular.js项目之外的一个框架，用于改进和增强路由功能。

小开

ng-View(由AngularJS团队开发)每个页面只能使用一次，而ui-View(第三方模块)每个页面可以使用多次。

因此，ui-View是最好的选择。


提交答案