Show and Hide ej-waitingpopup

[LUCIANO ALMEIDA PIMENTA]

Good evening

I used the ej-waitingpopup control in ASP.NET MVC applications very easily. He used the Show and Hide methods in JS (JavaScript) files. I migrated my application to Angular JS and now I can not use the ej-waitingpopup.

Could you give me an example?

[Prince Oliver]

Hi Luciano, 

Thank you for contacting Syncfusion forums. 

Please use the same show and hide methods in the WaitingPopup control in AngularJS as it was used in JS code. Kindly refer to the following code snippet. 

<div class="cols-sample-area" style="position:relative"> 

    <div id="target" class="ang-waitingpopup" ej-waitingpopup e-showoninit="showoninit" e-appendto=".cols-sample-area"></div> 

</div> 

<br /> 

<input type="checkbox" id="button21" ej-togglebutton e-showroundedcorner="true" e-size="mini" e-contenttype="textonly" e-defaulttext="Hide" e-activetext="Show" e-click="tglebtnClick"/> 

 

 

<script> 

    angular.module('syncApp', ['ejangular']).controller('WaitingpopupCtrl', function ($scope) { 

            $scope.showoninit = true; 

            $scope.tglebtnClick = function (e) { 

                var wpObj = $("#target").data("ejWaitingPopup"); 

                if(e.isChecked){ 

                    wpObj.hide(); 

                }else{ 

                    wpObj.show(); 

                } 

            } 

    }); 

</script> 

We have prepared a sample as per your requirement, kindly refer to the following playground link: http://jsplayground.syncfusion.com/wdex1uhe 

Regards, 

Prince