Directive sur bouton ng-repeat

Bonjour,

J'ai une directive qui se place sur une div et dont tous les boutons fils agiront comme des boutons radios avec une classe appliqué sur celui-cliqué.

Je charge ma vue via la directive ng-view.

Code:

1
2
3
4
5
6
<body>
	 <div class="container">
		 <div ng-include src="'navigation/nav.html'"></div>
		 <div ng-view></div>
	</div> <!-- /container -->
	</body>

Ma vue ajax

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div togglediv="" id="prestation" class="row">
			  <h3>1. Choisir une prestation...</h3>
				<section class="col-lg-6">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								C2C4
							</h4>
						</div>
						<div class="panel-body" >
							<button ng-click="showConfiguration()" ng-repeat="prestation in prestationsC2C4" type="button" class="btnSelect btn btn-primary">{{prestation.libelle}}</button>
						</div>
					</div>
				</section>
</div>

et ma directive

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
prestationControllerModule.directive('togglediv', function() {
	return function(scope, element) {
		element.ready(function(){
			element.find("button").on('click', selectThisTab);
			function selectThisTab() {
				alert("ok");
				var el = angular.element(this);
				element.find(".btn-primary").removeClass('btn-success');
				el.addClass('btn-success');
			}
		});
	}
});

Le problème, c'est que je ne passe pas dans la directive.

Avez vous une idée du problème ?

Merci d'avance

Edit 1 : Après investigation, le bouton qui n'a pas la directive ng-repeat fonctionne, mais pas les autres. :/

Code:

1
2
3
4
5
 
<div class="panel-body" >
	<button ng-click="showConfiguration()" ng-repeat="prestation in prestationsC2C4" type="button" class="btnSelect btn btn-primary">{{prestation.libelle}}</button>
	<button type='button'>test</button>
</div>