آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک

3 سال پیش

آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک خواهیم پرداخت.

استفاده از بارگذاری

بارگیری در داخل کنترل کننده آغاز می شود. ابتدا باید ionicLoading$ را به عنوان وابستگی به کنترل کننده خود تزریق کنیم. پس از آن ، ما باید روش ()ionicLoading.show را فراخوانی کنیم و بارگذاری ظاهر می شود. برای غیرفعال کردن آن ، یک روش ()ionicLoading.hide$ وجود دارد.

کنترل کننده

.controller('myCtrl', function($scope, $ionicLoading) {
   $scope.showLoading = function() {
      $ionicLoading.show({
         template: 'Loading...'
      });
   };

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

کد HTML

<button class = "button button-block" ng-click = "showLoading()"></button>

وقتی کاربر دکمه را لمس می کند ، بارگذاری ظاهر می شود. معمولاً می خواهید بارگیری را پس از اتمام برخی از ویژگی های زمان بر ، پنهان کنید.

هنگام کار با بارگذاری می توان از برخی پارامترهای گزینه دیگر استفاده کرد. توضیحات در جدول زیر نشان داده شده است.

ویژگی	نوع	جزئیات
templateUrl	string	برای بارگذاری الگوی HTML به عنوان نشانگر بارگیری استفاده می شود.
scope	object	برای انتقال دامنه سفارشی به بارگذاری استفاده می شود. پیش فرض rootScope$ است
noBackdrop	Boolean	برای پنهان کردن پس زمینه استفاده می شود.
hideOnStateChange	Boolean	برای مخفی کردن بارگذاری هنگام تغییر حالت استفاده می شود.
delay	number	برای نشان دادن تأخیر ،شاخص در میلی ثانیه استفاده می شود.
duration	number	برای پنهان کردن نشانگر بعد از مدتی در میلی ثانیه استفاده می شود. می توان به جای روش ()hide استفاده کرد.

بارگیری پیکربندی

پیکربندی آیونیک برای پیکربندی گزینه هایی که می خواهید در همه سرویس های ionicLoading$ در سراسر برنامه استفاده شود ، استفاده می شود.

این کار را می توان با استفاده از ionicLoadingConfig$ انجام داد. از آنجا که ثابت ها باید به ماژول اصلی برنامه اضافه شوند ، فایل app.js خود را باز کرده و ثابت خود را بعد از اعلام ماژول اضافه کنید.

.constant('$ionicLoadingConfig', {
   template: 'Default Loading Template...'
})

کد فوق صفحه زیر را تولید می کند –

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

نویسنده مطلب erfan molaei

آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک

آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک

استفاده از بارگذاری

کنترل کننده

کد HTML

بارگیری پیکربندی

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

بدون دیدگاه

آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک

استفاده از بارگذاری

کنترل کننده

کد HTML

بارگیری پیکربندی

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه