Как реализовать навигационную панель в angularjs

Question

Начиная с angularjs в качестве новичка, я создал навигационную панель. Он имеет несколько подменю. Но я не совсем уверен, что лучше всего справиться с этим, используя angularjs. Я хотел бы отслеживать текущий выбранный пункт меню, чтобы сделать его «активным» и изменить отображаемый шаблон в зависимости от выбора.

Я ищу примеры или примерный код, который можно использовать в производственной среде.

Извините за этот общий вопрос, но я надеюсь, что кто-то может мне помочь.

Answer 1

Посмотрите на angular-ui/ui-router. Он добавляет именованные представления и состояния в ваше приложение. Вы можете определить «области» в своем основном шаблоне, который на основе «состояния», в котором находится ваше приложение, отображает определенный шаблон + контроллер.

Редактировать: yes, $ location может быть достаточно для простого приложения, но к тому моменту, когда ваш контроллер на один экран получит 100 строк $ scope. $ Watch определяет, что вы начинаете понимать, что вам нужно что-то еще.