ngRoute和ui-router有什么区别？

作为AngularJS中常用的两个路由模块，ngRoute和ui-router各有特点。下面将介绍它们的区别及其优缺点。

ngRoute

ngRoute是AngularJS中最早的路由模块，已经非常成熟和稳定。它提供的核心服务是$routeProvider，可以用于定义路由规则。

var MyApp = angular.module('MyApp', ['ngRoute']);
MyApp.config(function($routeProvider){
    $routeProvider
    .when('/', {
        templateUrl: 'home.html'
    })
    .when('/about', {
        templateUrl: 'about.html'
    })
    .otherwise({
        redirectTo: '/'
    })
});

上述代码中，$routeProvider定义了三个路由规则。其中，/和/about都是路径，分别对应home.html和about.html两个模板。otherwise则是一个默认规则，当url不匹配任何已定义的规则时，就会跳转到/路径，即home.html模板。

ngRoute的优点是非常简单易用，不需要特别的学习成本。它也是AngularJS官方推荐的路由模块，对于小型应用或者初学者来说是一个不错的选择。

ui-router

相对于ngRoute，ui-router是一个相对较新且独立的路由模块。它提供了更加高级的路由规则和状态管理，适用于大型应用或者复杂的路由需求。

var MyApp = angular.module('MyApp', ['ui.router']);
MyApp.config(function($stateProvider, $urlRouterProvider){
    $urlRouterProvider.otherwise('/');
    
    $stateProvider
    .state('home', {
        url: '/',
        templateUrl: 'home.html'
    })
    .state('about', {
        url: '/about',
        templateUrl: 'about.html'
    });
});

上述代码中，$stateProvider定义了两个状态，即home和about。与ngRoute不同的是，ui-router中定义的路由规则是基于状态的，而不是路径。当URL匹配对应的状态时，就会加载对应的模板。在ui-router中还可以定义嵌套状态，从而实现更加复杂的路由需求。

ui-router的优点是非常灵活和强大，可以满足大部分应用的路由需求。缺点是需要一定的学习成本，不如ngRoute那么简单和易用。

结论

综上，ngRoute适合小型应用或者初学者，它简单易用且稳定可靠。ui-router适合大型应用或者复杂的路由需求，它提供了更加高级的路由规则和状态管理，但需要一定的学习和了解。当选择路由模块时，需要根据具体的业务需求和时间成本做出合理的选择。