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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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
Le problème, c'est que je ne passe pas dans la directive.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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'); } }); } });
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager