İyonik Hibrit Uygulamasında Bildirim İçinde İlerlemeyi İndirme nasıl görüntülenir?

Question

native app gibi İyonik Hibrit Uygulamam için bir Bildirim Çubuğunda İndirme İlerlemesi'ni görüntülemek istiyorum. İndirme dosyaları için cordova file transfer eklentisini kullanıyorum.

Bu, İyonik Uygulama için mümkün mü? Bunu nasıl yapabilirim? Bunun gibi

:

Answer 1

bunu kullanın feature.Here için cordovaToast eklenti pdf indir ilerleme

html

<ion-view > 
    <div class="bar bar-subheader bar-positive" style="padding:0px;height: 8px;" > 
     <progress id="progressbar" max="100" value="{{ downloadProgress }}" class="progress"> </progress> 
    </div> 
    <ion-content> 
    </ion-content> 
</ion-view> 

css

gösteren bir örnektir

.progress { 
    margin: 0 px; 
    height: 8 px; 
    background - color: #F1292B!important; 
    border - radius: 2 px; 
    box - shadow: 0 2 px 5 px rgba(0, 0, 0, 0.25) inset; 
} 

js

if (window.cordova) { 
    var url = '{{base_url}}/pdf_download/' + id; 
    // Android 
    var targetPath = 'file:///storage/sdcard0/' + 'fpl_' + id + '.pdf'; 
    var trustHosts = true; 
    var options = {}; 
    $cordovaFileTransfer.download(url, targetPath, options, trustHosts) 
     .then(function(result) { 
      $cordovaToast 
       .show('File downloaded successfully..', 'short', 'center') 
       .then(function() { 
        // success 
       }, function() { 
        // error 
       }); 

      console.log(result); 
     }, function() { 
      var alertPopup = $ionicPopup.alert({ 
       title: 'No internet access', 
       buttons: [{ 
        text: 'OK', 
        type: 'button-assertive' 
       }] 
      }); 
      alertPopup.then(function() {}); 

     }, function(progress) { 
      var dnldpgs = progress.loaded.toString().substring(0, 2); 
      $scope.downloadProgress = parseInt(dnldpgs); 
     }); 
} 

Eğer herhangi doubt.Please bana know.Thanks edelim.