我在頁面上有一個按鈕和一個loading圖示。 loading圖示使用ng-show綁定一個控制器屬性來識別是否顯示，當點擊按鈕時程式使用$http.post去後台請求資料並設定ng-show設定的屬性為true。然後在回呼中設定ng-show的屬性為false來隱藏loading圖示。我的問題是在回呼中設定的屬性值不能隱藏loading圖示。剛開始用angularjs有很多問題還不是很清楚，誰能幫我解決整個問題。
程式碼片段如下：

    <!-- 页面html片段-->
    <p class="col-sm-offset-2 col-sm-10">
        <button class="btn btn-primary" ng-disabled="groupForm.$invalid" ng-click="saveGroup()">
              保存<i class="fa fa-refresh fa-spin fa-lg fa-fw" ng-show="showLoading"></i>
        </button>
    </p>

//js controller代码

var teamModule = angular.module("TeamModule", []);

teamModule.controller('GroupCtrl', function($scope, $http, $state, $stateParams) {
    
    $scope.showLoading = false;
    $scope.groupInfo = {};
    
    $scope.toggleLoading = function(isShow){
        $scope.showLoading = isShow;
    };
    
    $scope.saveGroup = function(){
        $scope.toggleLoading(true);
        
        //请求使用jquery进行发送
        $.ajax({
            url: 'group/save',
            data: $scope.groupInfo,
            dataType: 'json',
            type: "post", 
            success: function(data){
                console.log(data);
                $scope.toggleLoading(false);
            },
            error: function(){
                $scope.toggleLoading(false);
            }
        });
        
    };

});