В чем разница между angular-route и angular-ui-router?

ngRoute - это модуль, разработанный командой AngularJS, который ранее был частью ядра AngularJS.

ui-router - это фреймворк, который был сделан вне проекта AngularJS для улучшения и расширения возможностей маршрутизации.

от ui-маршрутизатора документация:

маршрутизатор AngularUI-это структура маршрутизации для AngularJS, которая позволяет упорядочить части интерфейса в состояние машина. В отличие от сервиса $route в Angular core, который организован вокруг URL-маршруты, UI-маршрутизатор организован вокруг состояний, которые могут дополнительно есть маршруты, а также другое поведение, прилагается.

государства обязаны им, вложенные и параллельные взгляды, позволяя мощно управлять интерфейсом приложения.

ни один из них лучше, вам придется выбрать наиболее подходящий для вашего проекта.

однако, если вы планируйте иметь сложные представления в своем приложении, и вы хотели бы иметь дело с понятием "$state". Я рекомендую вам выбрать ui-router.

ngRoute-это модуль углового ядра, который хорош для базовых сценариев. Я считаю, что они добавят более мощные функции в предстоящих выпусках.

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

Ui-router-это модуль, который преодолевает проблемы ngRoute. В основном вложенные / сложные представления.

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

некоторые из разница между ui-router и ngRoute

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

ngRoute является частью основной структуры AngularJS.

ui-router-это библиотека сообщества, которая была создана, чтобы попытаться улучшить возможности маршрутизации по умолчанию.

вот хорошая статья о настройке / настройке ui-router:

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

Если вы хотите использовать функциональность вложенных представлений, реализованную в парадигме ngRoute, попробуйте угловое-маршрут-сегмент - Он направлен на расширение ngRoute, а не на его замену.

обычно ui-маршрутизатор работает на механизме состояния... Это можно понять на простом примере:

предположим, у нас есть большое приложение музыкальной библиотеки (например ..музыка или saavan или любой другой). И в нижней части страницы у вас есть музыкальный плеер, который разделяется по всему состоянию страницы.

теперь допустим, вы просто нажмите на некоторые песни, чтобы играть. В этом случае вместо перезагрузки полной страницы должно измениться только состояние музыкального проигрывателя. Это может быть легко обрабатывается ui-маршрутизатором.

в то время как в ngRoute мы просто прикрепляем представление и контроллер.

Угловое 1.x

ng-route:

ng-route разработан командой angularJS для маршрутизации.

НГ-маршрут: url (местоположение) на основе маршрутизации.

Ex:

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

ui-route:

ui-маршрутизатор develoepd модулем третьей стороны.

ui-router:государство маршрутизация

Ex:

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

--> ui-router допускает вложенные представления

--> ui-router более мощный, чем ng-route

ng-маршрутизатор, ui-router

ngRoute-это модуль, построенный командой Angular, который обеспечивает базовую функциональность маршрутизации на стороне клиента. Этот модуль обеспечивает довольно мощную базу для маршрутизации и может быть построен на довольно легко, чтобы дать прочную функциональность маршрутизации, как показано в этот блог (обязательно прочитайте комментарий между Уордом Беллом и Беном Наделем, автором-они являются парой угловых профессионалов)

ui-маршрутизатор смещает фокус с url-ориентированных маршрутов на " состояния приложения", который может или не может быть отражен в url-адресе.

основными функциями, добавленными ui-router, являются вложенные состояния и именованные представления.

вложенные состояния позволяют отделить логику управления для различных частей приложения. Очень простой пример этого-приложение с первичной навигацией сверху, вторичным списком навигации слева и содержимым справа. Без вложенных состояний один контроллер обычно должен обрабатывать логику отображения для вторичной навигации, а также для содержимого. Вложенная маршрутизация позволяет разделить эти проблемы.

именованные представления-еще одна дополнительная функция ui-router. С ngRoute, вы можете иметь только одну директиву ngView на странице, тогда как с именованными представлениями в ui-router вы можете указать несколько директив ui-view, а затем каждое состояние может повлиять на шаблон и контроллер представлений имен. Супер простой пример этого будет иметь основное содержание вашего приложения основное представление,а затем также иметь нижний колонтитул, который будет отдельным пользовательским интерфейсом. В этом случае контроллер нижнего колонтитула больше не должен прослушивать изменения состояния / маршрута.

хорошее сравнение ngRoute и ui-router можно найти на этот подкаст эпизод.

чтобы сделать вещи более запутанными, следите за новым "официальным" модулем маршрутизации, который команда Angular ожидает выпустить для версий 1.5 и 2.0 Angular. Это будет замена модуля ngRoute. здесь текущая документация для нового модуля маршрутизатора-она довольно разрежена на момент этой публикации, Так как реализация еще не завершена. Смотреть здесь больше новостей о том, когда этот модуль будет выпущен.

ngRoute-это базовая библиотека маршрутизации, где вы можете указать только один вид и контроллер для любого маршрута.

с помощью ui-router вы можете указать несколько видов, как параллельных, так и вложенных. Поэтому, если ваше приложение требует (или может потребовать в будущем) какой-либо сложной маршрутизации/представлений, тогда продолжайте ui-router.

этой лучше всего начать руководство для маршрутизатора AngularUI.

основная вещь, которую вы должны знать: ng-router использует $location.path() и ui-маршрутизатор использует $state.go

остальные нас все особенности.

ui маршрутизатор сделать вашу жизнь проще! Вы можете добавить его в приложение AngularJS, введя его в свои приложения...

ng-route входит в состав core AngularJS, поэтому он проще и дает вам меньше вариантов...

посмотрите здесь, чтобы лучше понять ng-маршрут:https://docs.angularjs.org/api/ngRoute

также при его использовании не забудьте использовать: ngView ..

ng-ui-маршрутизатор отличается но:

https://github.com/angular-ui/ui-router но дает вам больше возможностей....

Angularui Router-это структура маршрутизации для AngularJS, которая позволяет организовать части вашего интерфейса в государственную машину. В отличие от сервиса $route в модуле Angular ngRoute, который организован вокруг маршрутов URL, UI-Router организован вокруг состояний, которые могут дополнительно иметь маршруты, а также другое поведение.

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

ngRoute-это модуль, разработанный Angular.команда js, которая ранее была частью углового ядра.

ui-router-это фреймворк, который был сделан за пределами углового.JS проект по улучшению и улучшению маршрутизации capabalities.

1-ngRoute разработан angular team, тогда как ui-router является сторонним модулем. 2-ngRoute реализует маршрутизацию на основе URL-адреса маршрута, тогда как ui-маршрутизатор реализует маршрутизацию на основе состояния приложения. 3-ui-router предоставляет все, что предоставляет ng-route, а также некоторые дополнительные функции, такие как вложенные состояния и несколько именованных представлений.

ng-View (разработано командой AngularJS) может использоваться только один раз на странице, тогда как ui-View (сторонний модуль) можно использовать несколько раз на странице.

ui-View поэтому лучший вариант.