angularjs中的页面加载问题

Question

我有一个代码，我试图使用angularjs显示一些内容。我们在后端使用PHP来提取数据。但是在这样做时，我可以在检查元素时查看内容，但是在前端页面没有完全加载。如果我刷新页面，该网站将完全加载。

这是我的代码段：

var mainapp=angular.module('mainApp',['ui.router','ngStorage','angularPayments']);
    mainapp.config(['$stateProvider','$urlRouterProvider','$locationProvider',function($stateProvider,$urlRouterProvider,$locationProvider,$http){

    var views="./public/app/views";
    $urlRouterProvider.otherwise('/');
    $stateProvider
        .state('index',{
            url : '/',
            views:{
                'header' : {
                    templateUrl : './public/app/views/header.html',
                    controller : "LoginController"
                },
                'content' : {
                    templateUrl : './public/app/views/home.html',
                    controller : "LoginController"
                },
                'footer' : {
                    templateUrl : './public/app/views/footer.html'
                }
            },


        })
        .state('postlogin',{
            url : '/app',
            views : {
                'header' : {
                    templateUrl : './public/app/views/header2.html',
                    controller : 'LoginController'
                },
                'content' : {
                    templateUrl : './public/app/views/post_login.html',
                    controller : 'PostLoginController'
                },
                'footer' : {
                    templateUrl : './public/app/views/footer.html'
                }
            },
            resolve : {
                gamedata : function($http,$q,$timeout){
                 var data = $q.defer();
                  // $timeout(function() {
                    $http({
                        method : "GET",
                        url : './server/open_games.php'
                    }).then(function successCallback(result){
                        console.log(result);
                        // $scope.games= result.data;
                        data.resolve(result.data);

                    },
                    function errorCallback(error){
                        data.resolve(error);
                    });

                        return data.promise; // this aborts the request!
                      // }, 1000);

                }
            }
        })
    }]);

登录控制器

var app = angular.module('mainApp');
    app.controller('LoginController', function($scope, $http,$localStorage,$stateParams,$state,$location){


    $scope.login=function(){

        var data = {
            'email' : $scope.username,
            'password' : $scope.password
        };
        // alert(data.username);

        $http({
            method : "POST",
            url : "./server/login.php",
            data : data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        }).then(function successCallback(result, status, headers, config){

            location.href="#app";
            // $location.path('/app');

          // $state.go('postlogin',{},{ reload: true });
        },function errorCallback(data, status, headers, config,statusText){


        });

    }
});