o interruptor automático desativa se um estiver ligado
há botões de alternância aninhados que estão desativados por padrão, quando o usuário liga um e salva um valor no armazenamento local. O que eu quero fazer é quando um está ligado e você tenta ligar o outro, o primeiro deve ser desligado automaticamente enquanto o outro liga.
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>
Estou achando difícil colocar o segundo js no primeiro. Estou meio confuso, pois sou novo no angularjs