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

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

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

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

Ответ 1

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

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