I'm trying to change "+" on "-" by changing the class name and using "ng-click" event, but it changes all "+" elements on "-" in all divs.

[![enter image description here](https://i.stack.imgur.com/ovVpN.png)](https://i.stack.imgur.com/ovVpN.png)

[![enter image description here](https://i.stack.imgur.com/qU3eZ.png)](https://i.stack.imgur.com/qU3eZ.png)

Any Idea how to change it only in that div that I clicked? 

Here is my code 

```
<body>
<div ng-app="myApp" ng-controller="myCtrl">
    <div class="margin-display" >
        <div class="panel-group" id="accordion" >
            <div class="panel panel-default" ng-repeat="band in bands">
                <div ng-class="$even ? 'odd' : 'even'">
                    <h4 class="panel-title">
                        <!-- calling ng-click event  with  changeClass() function-->
                        <div ng-click="changeClass()" data-toggle="collapse" data-parent="#accordion" ng-href="#collapse{{band.index}}" > 
                            <img ng-src="{{band.image}}" alt=""> 
                            <p class="output">{{band.artist}}</p>
                            <p class="output">{{band.track}}</p>  
                            <p class="output">{{band.collection}}</p>  
                            <p class="output">{{band.genre}}</p>    
                            <span ng-class="class"></span> <!-- class name change--> 
                        </div>
                    </h4>
                </div>
                <div ng-attr-id="collapse{{band.index}}" class="panel-collapse collapse">
                    <div class="panel-body" ng-class="$even ? 'odd' : 'even'" >
                        <div>   
                            <h3>{{band.artist}} - {{band.track}}</h3>
                            <p><strong>Collection: </strong> {{band.collection}}</p>  
                            <p><strong>Track Count: </strong>{{band.trackAmount}}</p>  
                            <p><strong>Price: </strong>{{band.collPrice}} USD</p>  
                            <p><strong>Duration: </strong>{{band.trackDuration | date:'mm:ss'}} min</p> 
                            <p><strong>Track Price:</strong>{{band.collPrice}} USD</p> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

```

JS

```
//class name change function
    $scope.class = "glyphicon glyphicon-plus" //name of class;
    $scope.changeClass = function(){
        if ($scope.class === "glyphicon glyphicon-plus") //changing one class name on another 
            $scope.class = "glyphicon glyphicon-minus";
         else
            $scope.class = "glyphicon glyphicon-plus";

```