離子 - 按鈕後顯示微調按下

從離子這spinner選項紡所有的時間Like here 離子 - 按鈕後顯示微調按下

<ion-spinner icon="spiral"></ion-spinner>

如何使旋轉器的旋轉用戶按下按鈕後，才，而不是之前！？

來源

2016-06-13 lewis4u

你也可以試試這個控制器

$scope.show = function() { 
     $ionicLoading.show({ 
      template: '<p>Loading...</p><ion-spinner icon="android"></ion-spinner>' 
     }); 
     }; 

     $scope.hide = function(){ 
     $ionicLoading.hide(); 
     };

裏面你可以叫$scope.show($ionicLoading);開始微調，你可以把它與這當然$ionicLoading.hide();

你必須注入$結束在您的控制器中加入離子加載。

它爲我希望它會幫助你

來源

2016-06-14 12:50:09

您可以簡單地顯示和隱藏離子微調指令。在codepen鏈接，您可以更改按鍵部分並粘貼此：

<button type="submit" ng-click="click()" class="button button-block button-positive"> 
    <ion-spinner ng-hide="showing" class="spinner-energized"></ion-spinner> 
    <span class="button-text">Click me!</span> 
</button>

，並加入到MainCtrl

$scope.showing = true; 
$scope.click = function(){ 
    $scope.showing = false; 
}

所以當你按下按鈕微調將顯示。當然，你需要一些邏輯來阻止它，但這只是向你展示如何處理這個問題。希望能幫助到你。

來源

2016-06-13 11:19:38 macrog

對不起，這裏是MainCtrl我使用離子-1，我一直在與離子的工作現在一個星期（7天） – lewis4u

OK，如果你打開從codepen的鏈接你有屏幕拆分成2列，留下它的HTML你需要粘貼代碼的按鈕部分，右側它是一個JS部分，你有MainCtrl – macrog

好吧，我明白了....但我應該在哪裏把它放在我的應用程序中哪個文件夾/文件？ – lewis4u

HTML

<button ng-Click="someFunction()"></button>

控制器

$scope.someFunction = function(){  
    $ionicLoading.show({ 
       noBackdrop :false, 
       template: ' <ion-spinner icon="spiral"></ion-spinner>', 
       duration :20000//Optional 
      }); 
    //Do Something 
    $ionicLoading.hide();//Hide it after Something is completed 
}

它將只要你按下按鈕顯示微調。問候

來源

2016-06-13 11:35:26

離子 - 按鈕後顯示微調按下

回答

相關問題