Угловые шаблоны и добавление активного класса в пункт меню

Question

Попробуйте добавить активный класс к элементу меню без использования шаблонов, и он работает. Но когда я пытаюсь добавить меню с шаблоном, он ломается. Этот код я использую для li:

ng-click="select($index)" 
ng-class="{sel: $index === selectedIndex}" 

И в контроллере:

$scope.selectedIndex = 0; 
$scope.select = function(i) { 
    $scope.selectedIndex = i; 
}; 

http://plnkr.co/edit/SqHGhm?p=preview

Answer 1

Вот рабочий plunkr: http://plnkr.co/edit/wVW1F5HFUgXeaDi3kFyR?p=preview

Отредактировано несколько вещей:

• Изменена суб-шаблон для отображения правильного названия для подменят
• Изменена ng-click инструкции, чтобы назначить для изменения выбранного индекса

TODO:

• Удалить выбранный класс из ранее выбранный индекс