Урок 16. UI-Router — маршрутизатор для AngularJS

Дата публикации: 18-11-2016

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел
Уроки AngularJS

От автора: в этом уроке мы познакомимся со сторонним решением для маршрутизации в AngularJS - это маршрутизатор AngularUI Router. Это гораздо более мощное средство для построения маршрутизации, нежели стандартный модуль ngRoute. В этом уроке мы познакомимся с основами работы с модулем UI-Router.

lesson

Все уроки курса:

Метки:

Комментарии (24)

  1. lazareff

    А где продолжение? Следующий урок уже анимация :(

    • Андрей Кудлай

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

  2. lazareff

    Рассказано все очень доступным языком, просто не совсем понял преимущество AngularUI Router перед родным роутингом

  3. olimov.88@inbox.ru

    У меня вот такая ошибка после подключения AngularUI
    DevTools failed to parse SourceMap: http://angular.loc:3128/angular/angular-ui-router.js.map

    • Андрей Кудлай

      Скорее всего, причина в конфликте версий, возможно что-то еще. Попробуйте взять код из исходников — там ошибок нет.

  4. olimov.88@inbox.ru

    всё пробовал! не получается взял ваши исходники все равно ошибку выдает!

    • Андрей Кудлай

      Вы точно дамп БД из исходников брали? Проверили таблицу, как я писал выше? Только что специально установил исходники и взял оттуда дамп — никаких ошибок нет, все работает.

  5. olimov.88@inbox.ru

    Извините пожалуйста за глупые вопросы но не получается! Вот как я сделал.
    1. Взял ваши исходники и залил к себе в папку http://angular.loc:3128
    2. Удалил из БД таблицу и импортировал вашу sql базу

    теперь он пишет
    angular.js:13003 Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use ‘track by’ expression to specify unique keys. Repeater: book in books, Duplicate key: string:<, Duplicate value: <
    http://errors.angularjs.org/1.5.0-rc.0/ngRepeat/dupes?p0=book%20in%20books&p1=string%3A%3C&p2=%3C

    • Андрей Кудлай

      Ок, попробуйте вариант решения проблемы из описания ошибки в документации:
      <tr ng-repeat="book in books track by $index">
      Хотя, повторюсь, у меня работает код и без этого.

  6. olimov.88@inbox.ru

    спасибо за оперативность!

  7. olimov.88@inbox.ru

    Спасибо все заработало!
    Ошибка было банально!

    • Андрей Кудлай

      Пожалуйста :)
      Так а в чем же все таки была ошибка? Возможно кто-то столкнется с аналогичной и будет полезно.

  8. olimov.88@inbox.ru

    Ошибка соединения БД :)

    • Андрей Кудлай

      Странно, у меня при некорректном соединении с БД возникает другая ошибка, только что специально проверил… ну да ладно, работает и хорошо :)

  9. olimov.88@inbox.ru

    спасибо за тех.поддержку!
    Хотел спросить не планируется у Вас ближайшие время курс по создание (CRM системы (список сотрудников организации ,со всеми данными , когда пришел на работу ушел с работы и т.д )) было бы здорово желательно связке с angular или reactjs + php + mysql

  10. alxndr.annsn@gmail.com

    Андрей, доброго дня,
    столкнулся с странной проблемой. На локальном сервере (использую Open Server по рекомендациям на ваших уроках) при простой перезагрузке (или при копировании ссылки и открытии в другом браузере к примеру) — приложение не работает и выдает ошибку (The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.) Но при переходах по ссылкам в приложении (использую инфо по вашему уроку UI-Router) все работает. Кроме того все работает на хостинге в интернете… не работает только в Open Server — в чем дело? Как можно исправить? Не могу понять суть ошибки.

    • Андрей

      Здравствуйте. В уроке, насколько я помню, также использовался Open Server — и проблемы не было. Возможно, что-то не так с настройками в таком случае? Тем более что на реальном сервере проблемы нет, как Вы говорите. В любом случае, особой проблемы не вижу, коль работает на реальном сервере. Приложение на локальном сервере ведь все равно кроме Вас никому недоступно.

      • alxndr.annsn@gmail.com

        Спасибо за ответ. Согласен с вами, что приоритет — реальный сервер. Однако, просто интересно — а какие именно настройки в Open Server отвечают за такие вещи? Что в них можно изменить, чтобы работало нормально? Тем более странно то, что в предыдущей версии моего приложения на локальном такого не было — и вроде ничего не менял… просто создал новую папку проекта и вот…

        • Андрей

          Здесь можно лишь гадать… к сожалению, я не гадалка :) Возможно, Вы работаете не в корне домена, а в подпапке? Возможно, есть неточности в файле .htaccess? Единственные предположения, которые приходят мне на ум.

  11. alxndr.annsn@gmail.com

    РЕШЕНО! Оказывается виндовс переименовал файл .htaccess в _htaccess !!! Когда вернул обратно — все заработало.
    Кто бы мог подумать! Надеюсь кому нибудь эта информация пригодится. Ломал голову несколько дней.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree