javascript - sref用法 - ui-view




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

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

网址: https://docs.angularjs.org/api/ngRoutehttps://docs.angularjs.org/api/ngRoute

Ui路由器是克服ngRoute问题的贡献模块。 主要是嵌套/复杂的意见。

网址: ui-routerui-router

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

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

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

ngRoute(angular-route.js)ui-router(angular-ui-router.js)模块有什么区别

在使用ngRoute的许多文章中,路由配置为$ routeProvider 。 但是,使用ui-router时 ,路由配置为$ stateProvider和$ urlRouterProvider

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


1- ngRoute由角色团队开发,而ui-router是第三方模块。 2- ngRoute基于路由URL实现路由,而ui-router实现基于应用状态的路由。 3- ui-router提供ng路由提供的所有内容,以及一些附加功能,如嵌套状态和多个命名视图。


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

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


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

使用ui路由器,您可以指定多个视图,包括并行和嵌套。 因此,如果您的应用程序需要(或将来可能需要)任何类型的复杂路由/视图,请继续使用ui-router。

http://www.ng-newsletter.com/posts/angular-ui-router.html是AngularUI路由器最好的入门指南。


ngRoute是由Angular团队构建的模块,提供基本的客户端路由功能。 这个模块为路由提供了一个相当强大的基础,并且可以很容易地构建,以提供可靠的路由功能,如本博客文章中所示 (请务必阅读Ward Bell和Ben Nadel之间的评论,作者 - 他们是几个角利)

ui-router将焦点从以URL为中心的路线转移到应用程序“状态”,这可能会或可能不会反映在url中。

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

嵌套状态允许您为应用程序的各个部分分离控制器逻辑。 一个非常简单的例子就是一个应用程序,其顶部为主导航,左侧为辅助导航列表,右侧为内容。 没有嵌套状态,单个控制器通常必须处理辅助导航的显示逻辑以及内容。 嵌套路由允许您分离这些问题。

命名的视图是UI路由器的另一个附加功能。 使用ngRoute,您只能在页面上使用单个ngView指令,而在ui-router中使用命名视图可以指定多个ui-view指令,然后每个状态都能够影响名称视图的模板和控制器。 一个非常简单的例子就是将应用程序的主要内容作为主视图,然后再创建一个可以作为单独UI视图的页脚栏。 在这种情况下,页脚的控制器不再需要侦听状态/路由更改。

这个podcast插曲中可以找到ngRoute和ui-router的比较。

为了让事情更加令人困惑,请关注Angular团队预计将为Angular版本1.5和2.0发布的新“官方”路由模块。 这将取代ngRoute模块。 Here是新的路由器模块的当前文档 - 由于实现尚未最终确定,因此在本文中相当稀少。 here观看关于这个模块何时会被发布的更多消息。


ui路由器让您的生活更轻松! 您可以通过将它注入您的应用程序来将它添加到您的AngularJS应用程序中...

ng-route是AngularJS核心的一部分,因此它更简单,并为您提供更少的选择......

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

另外当使用它时,不要忘记使用:ngView ..

ng-ui-router是不同的,但是:

ui-router但给你更多的选择....


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

ui-View因此是最佳选择。


Angular 1.x

https://docs.angularjs.org/api/ngRoute

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

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

例如:

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

ui-router

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

ui-router: 基于状态的路由

例如:

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

- > ui-router允许嵌套视图

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

https://docs.angularjs.org/api/ngRouteui-router


基本的东西你必须知道:ng-router使用$location.path()和ui-router使用$state.go

休息我们的所有功能。


如果你想使用在ngRoute范例中实现的嵌套视图功能,试试angular-route-segment.com - 它旨在扩展ngRoute而不是替换它。





angularjs-module