javascript - 切换切换时发出警报

Question

我想在开关打开和关闭时显示警报，但发现这很困难。我按照本教程进行操作，但我的无法正常工作

http://codepen.io/rossmartin/pen/iwuvC

JS

.controller('shops',['$scope','$http','$timeout',function($scope,$http,$timeout){
  $http.get('http://localhost/site/templates/shop.php').success(function(data){
    $scope.shops=data ;   
    $scope.pushNotificationChange = function() {
    $timeout(function() {
      alert('Push Notification Change: '+ $scope.pushNotification.checked);
    }, 0);
  };
  $scope.pushNotification = { checked: true };
  });
}])

HTML

<ion-view  align-title="center">
  <ion-content overflow-scroll="false" has-bouncing="true" class=padding>
  <ion-list>
    <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>
        <div align="right">
          <label class="toggle toggle-balanced">
          <input type="checkbox"ng-model="pushNotification.checked"
                    ng-change="pushNotificationChange()">
            <div class="track"><div class="handle"></div></div>
          </label>
        </div> 
      </ion-item>
    </div>   
  </ion-list> 
  </ion-content overflow-scroll="false" has-bouncing="true">        
</ion-view>

关于如何实现这项工作有任何帮助吗？

Answer 1

你的代码全部在http内部，它应该在外部:

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

  $scope.pushNotificationChange = function() {
    $timeout(function() {
      alert('Push Notification Change: '+   $scope.pushNotification.checked);
    }, 0);
  };
  $scope.pushNotification = { checked: true };    
}])