Угловой формальный пользовательский шаблон ng-click не работает

Question

Я пытаюсь зарегистрировать событие ng-click с использованием настраиваемого шаблона для отображения элементов в аккордеоне, но они вообще не регистрируются. Я пробовал все, используя hideExpression/watcher, помещая событие ng-click в шаблон, используя ng-class/ng-init/ng-click, чтобы активировать элемент и т. Д. Ничего не сработало. Даже добавьте функцию onClick в templateOptions. Все еще не повезло ... Кажется, что предметы есть, но их там нет ... никогда не было такой проблемы, чтобы получить простой щелчок, чтобы работать. В основном я хочу, чтобы пользователь мог щелкнуть элемент, а затем этот элемент станет активным и обновит модель с помощью выбора, в то время как предыдущий элемент станет неактивным ... У меня есть очень простой кусок кода jQuery, который работает в другие вещи, но не работает здесь ...

в конце моего остроумия, почему любой из этих способов не работал ... пожалуйста, помогите ...

Вот plunker;

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

template: '<a li class="list-group-item small" ng-click="active = !active" ng-init="active = true""><span class="glyphicon glyphicon-chevron-right"></span> {{to.label}}</li></a>' 

Answer 1

Понял работает с некоторыми изменениями ...

template: `<div ng-init= "active = false"> 
    <label class="list-group-item small" onclick="$('.list-group-item').removeClass('active'); $(this).addClass('active')" ng-click="updateModel()" ><span class="glyphicon glyphicon-chevron-right"></span> {{to.label}}</label> 
    </div>`,