Es gibt verschachtelte Schaltflächen, die standardmäßig deaktiviert sind. Wenn der Benutzer eine einschaltet, wird ein Wert in localstorage gespeichert. Was ich tun möchte, ist, wenn einer eingeschaltet ist und Sie versuchen, den anderen einzuschalten, sollte der erste automatisch ausgeschaltet werden, während der andere sich einschaltet.

JS

.controller('shops',['$scope','$http','$timeout',function($scope,$http,$timeout){
$http.get('http://localhost/work/templates/source.php').success(function(data){
       $scope.shops=data ;

        });

 $scope.active_shop = {};
  $scope.active_shop.checked = false;
  $scope.active_shop = function(item) {
        if($scope.active_shop.checked){
            localStorage.setItem("shop_id",($scope.item.shop_id));
        }else{
             localStorage.removeItem("shop_id");
         }

  }
}])

HTML

 <div ng-controller="shops" ng-repeat="item in shops">
          <ion-item class="item-thumbnail-left item-text-wrap"> 
          <img src="img/index/fashion.png" alt="photo" width="32" height="32" />
          <h2>{{item.shop_name}} </h2>
          <p>{{item.biz_location}}</p>

    <input type="hidden" value="{{item.shop_id}}">

          <div align="right">
          <label class="toggle toggle-balanced">
          <input type="checkbox"ng-model="active_shop.checked" ng-change="active_shop()">
          <div class="track"><div class="handle"></div></div> 
          </label>
          </div>
          </ion-item>
          </div>

Ich finde es schwierig, das zweite js in das erste zu stecken. Ich bin ein bisschen verwirrt, da ich neu bei anglejs bin