Wie kann ich einen Parameter an eine ng-click-Funktion übergeben?

Question

Ich habe eine Funktion in meinem Controller, der wie folgt aussieht:

AngularJS:

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

Ich will es allgemein halten, indem Sie den Namen der Klasse vorbei, die ich wechseln will:

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

Aber myClass wird nicht an die Winkelfunktion übergeben. Wie kann ich das zur Arbeit bringen? Der obige Code funktioniert, wenn ich es so schreibe:

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

Aber das ist offensichtlich nicht allgemein. Ich möchte nicht in der Klasse myClass fest codieren.

Answer 1

In der Funktion

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

$scope.class hat nichts mit dem Paramter class zu tun. Es ist buchstäblich eine Eigenschaft auf $scope namens class. Wenn Sie die Eigenschaft auf $scope zugreifen möchten, die durch die Variable class identifiziert ist, müssen Sie das Array-Stil Accessor verwenden:

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

Beachten Sie, dass dies nicht Angular spezifisch ist; So funktioniert JavaScript. Nehmen Sie das folgende Beispiel:

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

---

Auch den Code

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

die Annahme macht, dass es eine Variable auf dem Umfang, z.B. $scope.myClass, die zu einer Zeichenfolge mit dem Namen der Eigenschaft ausgewertet wird, auf die Sie zugreifen möchten. Wenn Sie buchstäblichmyClass im String übergeben wollen, dann würden Sie brauchen

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

Das Beispiel macht es nicht Super klar, welche Sie suchen (da gibt es eine Klasse myClass auf der Oberseite benannt div).