Wie ändere ich die Eigenschaft eines Objekts in AngularJS

Question

Ich habe eine Funktion, die eine Eigenschaft in einem Objekt auf false setzt, wenn es wahr und wahr ist, wenn es falsch ist. Doch jedes Mal, wenn die Funktion ausgeführt wird, wird das Objekt nicht beeinflusst.

$scope.menuButtons = [{header: "beaded", isActive: false}, 
         {header: "laced", isActive: false} 
        ] 

$scope.activeButton = function(isActive) { 
    isActive == true ? isActive = false : isActive = true; 
}; 

Hier ist der HTML

<div ng-repeat="b in menuButtons"> 

<div ng-click="activeButton(b.isActive)" class="shop-navbar-button">{{b.header}}</div> 

</div> 

ich den isActive Wert bin zu sehen, ob der Button aktiv ist, so kann ich eine andere Klasse. Aus irgendeinem Grund wird der isActive-Wert im $ scope nicht beeinflusst.

Answer 1

Pass in b anstelle von b.isActive. Der boolesche Wert wird nur als Wert übergeben, sodass die Neuzuweisung des Werts keinen Einfluss auf b.isActive hat.

Answer 2

Ich denke, Sie dies ändern können:

<div ng-click="activeButton(b.isActive)" class="shop-navbar-button">{{b.header}}</div> 

dazu:

<div ng-click="b.isActive=!b.isActive" class="shop-navbar-button">{{b.header}}</div> 

Sie werden nicht die auxiliar Funktion benötigen. Es ist sauberer und eckiger.