离子 - 按钮后显示微调按下

问题描述：

从离子这spinner选项纺所有的时间Like here 离子 - 按钮后显示微调按下

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

如何使旋转器的旋转用户按下按钮后，才，而不是之前！？

答

你也可以试试这个控制器

$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();

你必须注入$结束在您的控制器中加入离子加载。

它为我希望它会帮助你

答

您可以简单地显示和隐藏离子微调指令。在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; 
}

所以当你按下按钮微调将显示。当然，你需要一些逻辑来阻止它，但这只是向你展示如何处理这个问题。希望能帮助到你。

对不起，这里是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 
}

它将只要你按下按钮显示微调。问候

离子 - 按钮后显示微调按下

相关推荐