нг клик не работает в нг-переключатель

Question

Я новичок в AngularJs, и у меня есть много вопросов:/

Вот один из них:

У меня есть ссылки, которые я использую для фильтрации данных , Поэтому, когда я нажимаю на ссылку одного, значение для фильтра myFilter является один и т.д.

Просто, чтобы показать вам, что мои фильтры работают, я гнал два раза ссылки (смотрите здесь http://plnkr.co/edit/2G6mahkmyIixMJ1mEVKp?p=preview)

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

в нижних звеньях, нет ng-swich, так myFilter работает отлично

Возможно ли сделать ng-click внутри ng-swich работа?

Answer 1

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

Также неправильная практика заключается в замене объектов непосредственно в html. Если вы используете функцию, связанную с областью его чист и вы не столкнетесь с проблемами ребенка объемом, как много

Вместо создания четыре <ul> вы могли бы просто использовать ng-if в каждом <li> и использовать только один <ul>. Это также будет хороший случай, чтобы создать очень простую директиву

HTML

<li> 
    <span ng-if="myFilter.trimestre==1">Avril - juin</span> 
    <a ng-if="myFilter.trimestre!=1" ng-click="updateFilter('trimestre',1)" href="#">Avril - juin</a> 
</li> 

JS

$scope.myFilter={}; 
$scope.updateFilter = function(key, val){ 
    $scope.myFilter[key]=val; 
} 

DEMO