How to avoid flickering effect in angularjs

manpreet Best Answer 2 years ago

Can anybody help me how to fix this flicker effect when view is loading here is my code.

app.config(function($stateProvider,$urlRouterProvider,$routeProvider, $locationProvider,blockUIConfig) {

  $urlRouterProvider.otherwise("/#");

  $stateProvider
      .state('dash', {
          url: "/dash",
          templateUrl: 'views/br_manager/pc_dashboard.html',
          controller:'dashCtrl'
      })
      .state('pass', {
          url: "/pass",
          templateUrl: 'views/br_manager/change_password.html',
          controller:'passwordCtrl'
      })

 .state('classroom', {
            abstract:true,
            url: "/classroom",
            template: '
view style="height:100%">
',
            controller:'classroomManagementCtrl'
      })
      .state('classroom.list', {
            url: "",
            templateUrl: 'views/br_manager/CR.html'
        })

  $locationProvider.html5Mode(true);
    blockUIConfig.message =  "Processing ...";

});

following is the code for controller and factory sevrvice

    branchManager.factory('classroomFactory',function($resource,appConfig,$window){
    var factory = {};

    var fetch_classroom_url = appConfig.getMainAPI();
    var authCode = $window.localStorage.getItem("authCode");


   factory.fetchStandardList = function(selectedYear) {
        return $resource(fetch_classroom_url+'/classroom/year/'+ selectedYear, {}, {
            fetch : {
                method : 'get',
                isArray : false,
                headers : { 'Authorization' : authCode },
                interceptor : {
                    response : function(data) {
                        return data;
                    }
                }
            }
        });
    };

    factory.fetchSectionList = function(currentStandard, selectedYear) {
        return $resource(fetch_classroom_url+'/classroom/standard/'+ currentStandard +'/section/year/'
            + selectedYear, {}, 
                                                

                                                                                                        REPLY
                                                    
                                                
                                                


                                                    

                                                        
                                                            0
                                                            views 

                                                            0
                                                                likes 
                                                            
                                                            

                                                            0
                                                            shares

                                                            


    

         Facebook
        
         Twitter
        
        
         Linked In 
        
          WhatsApp