Comment puis-je transmettre un paramètre à une fonction ng-click?

J'ai une fonction dans mon contrôleur qui se présente comme suit:

AngularJS:

$scope.toggleClass = function(class){
    $scope.class = !$scope.class;
}

Je veux garder générale en passant le nom de la classe que je veux basculer:

<div class="myClass">stuff</div>
<div ng-click="toggleClass(myClass)"></div>

Mais myClass n'est pas passé à l'angle de la fonction. Comment puis-je obtenir que cela fonctionne? Le code ci-dessus fonctionne si je l'écris comme ceci:

$scope.toggleClass = function(){
    $scope.myClass = !$scope.myClass;
}

Mais, ce n'est évidemment pas en général. Je ne veux pas coder en dur dans le nom de la classe myClass.

source d'informationauteur Stephanie Caldwell

  1. 27

    Dans la fonction

    $scope.toggleClass = function(class){
    $scope.class = !$scope.class;
}

    $scope.class n'a rien à voir avec le paramètre class. C'est littéralement une propriété sur $scope appelé class. Si vous souhaitez accéder à la propriété sur $scope qui est identifié par la variable classvous aurez besoin d'utiliser le tableau de style accesseur:

    $scope.toggleClass = function(class){
    $scope[class] = !$scope[class];
}

    Noter que ce n'est pas Angulaire spécifique; c'est juste du fonctionnement de JavaScript. Prenons l'exemple suivant:

    > var obj = { a: 1, b: 2 }
> var a = 'b'
> obj.a
  1
> obj[a] //the same as saying: obj['b']
  2

    Aussi, le code

    <div ng-click="toggleClass(myClass)"></div>

    fait l'hypothèse qu'il y est une variable à votre portée, par exemple $scope.myClass qui renvoie une chaîne qui a le nom de la propriété que vous souhaitez accéder. Si vous littéralement voulez passer de la chaîne de myClassvous auriez besoin de

    <div ng-click="toggleClass('myClass')"></div>

    L'exemple n'est pas super clair qui vous êtes à la recherche pour (puisqu'il y a une classe nommée myClass sur le haut div).