ng-маршрутизация со сложным интерфейсом в angular js

#angularjs #angular-routing

#angularjs #angular-маршрутизация

Вопрос:

Мы создаем приложение со сложным интерфейсом. Это примерное представление страницы в приложении:

введите описание изображения здесь

Левое меню будет содержать список ссылок на соответствующие страницы в правой части.

Мы используем ng-router для создания приложения.

Мы взяли всю страницу как один ng-view и включили левое меню в качестве единого html-шаблона. При нажатии на ссылки мы заменим содержимое правой вкладки на ng-include .

Внутри каждого содержимого с правой стороны у нас есть вложенные вкладки. При нажатии на вложенную вкладку мы заменим содержимое вложенной вкладки.

В контроллере шаблона левого меню у нас мало вызовов ajax. При загрузке содержимого вложенной вкладки в правой части шаблоны не перезагружаются angular и кэшируются angular. Но вызовы ajax перезагружаются снова.

Он не должен перезагружать вызовы ajax внутри левого меню при изменении содержимого вложенной вкладки в правом содержимом.

Возможно, кто-то сталкивался с этой проблемой. Пожалуйста, предложите мне продолжить.

Комментарии:

1. Вы нашли решение? У меня есть похожее приложение, и ngRouter не очень подходит для этого.

2. Наконец, мы пришли к выводу использовать только ui-router.

Ответ №1:

Вы обязательно должны проверить ui-router проект у команды angular-ui.

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

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

Комментарии:

1. ui-router не является собственным кодом angular. Это сторонний плагин. Поэтому мы боимся это использовать. Также ng-view будет предоставлять несколько представлений и исправит проблемы, связанные с этим, в следующей версии.

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

3. Кроме того, если вы собираетесь использовать только код Angular, вам придется снова реализовать много существующего кода. Который, конечно же, будет подвержен ошибкам от вашего имени…

Ответ №2:

Альтернативы ui-маршрутизатору:

Не вдаваясь в плюсы и минусы.

Комментарии:

1. ui-router не является собственным кодом angular. Это сторонний плагин. Поэтому мы боимся это использовать. Также ng-view будет предоставлять несколько представлений и исправит проблемы, связанные с этим, в следующей версии.

2. Это глупое понятие, почему вы тогда осмеливаетесь использовать angular ?… jquery?… Конечно, безопасная ставка должна заключаться в том, чтобы просто использовать ЧИСТЫЙ API, предоставляемый браузером, и не использовать какие-либо сторонние библиотеки… как jQuery или Angular. (Может возникнуть сарказм)