автоматический выключатель, если он в данный момент включен
Есть вложенные кнопки переключения, которые по умолчанию отключены, когда пользователь включает одну из них, сохраняет значение в localalstorage. То, что я хочу сделать, это когда один включен, и вы пытаетесь включить другой, первый должен быть выключен автоматически, а другой включается.
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>
Мне трудно поставить второй JS в первый. Я немного запутался, так как я новичок в angularjs