Discussion :

[kendras]

Bonjour,

je souhaiterai transposé l'instruction jQuery suivante vers AngularJS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
jQuery('.opn-close').click(function(){
	jQuery(this).closest('.opn-this').removeClass('opn');
});

Pouvez-vous m'aider ?

Merci d'avance

[Inikaam]

Bonjour kendras,

Dans quel contexte as-tu besoin d'une telle action ?
En général, on utilise la directive ngClass pour modifier la classe d'un élément dans un template, tu ne devrais en principe pas avoir besoin du closest.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="opn-this" ng-class="{'opn': opnOpened}">
    <button class="opn-close" ng-click="close()">Close</button>
</div>

Et dans le controller

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
/* ... */
$scope.opnOpened = true; // panneau ouvert
$scope.close = function() {
    $scope.opnOpened = false;
};
/* ... */

[kendras]

Super merci.

Je ne suis pas très familière au développement javascript (habituellement, je suis plutôt coté back Office en .Net ;p)

J'ai un script JQuery à transposé en AngularJS et je galère un peu