页面加载后指令里边这个musicList没有值，controller里边写假值的时候正常，用ajax请求数据后就不正常了

假数据的demo：pagination

                

                    

                        
                        

                            {{music.name}}
                            -
                            {{music.singer}}
                        
                        

                            
                               {{music.content}}
                            
                        
                    
                
                

                    
                
            

后台请求：

music.controller('HomeCtrl', ['$scope', 'audioService', 'homeService', function ($scope, audioService, homeService){

    homeService.getMusicList().then(function (data){
        $scope.musicList = data;
    });

    homeService.getRankFour().then(function (data){
        $scope.musicRank = data;
    });

    $scope.playMusic = function (){
        audioService.playMusic();
    }

}]);

music.factory('homeService', ['$rootScope', '$http', function ($rootScope, $http){

    var service = {};

    service.getMusicList = function (){
        var url = $rootScope.apiHost + '/musicmood';
        return $http.get(url).then(function (resp){
            return resp.data;
        });
    };

    service.getRankFour = function (){
        var url = $rootScope.apiHost + '/rankfour';
        return $http.get(url).then(function (resp){
            return resp.data;
        });
    };

    return service;
}]);

指令如下：

music.directive('pagination', ['$interval', function ($interval){
    return {
        restrict: 'AE',
        replace: true,
        template: '\


\
                首页 \
                上一页\
                ... \
                {{num}} \
                ... \
                下一页\
                尾页 \
            

',
        link:function (scope, element, attrs){
            scope.currentPage = attrs.currentpage;
            scope.itemsPerPage = attrs.itemsperpage;
            scope.itemsList = attrs.itemslist;
            scope.pageList = attrs.pagelist;
            // console.log(scope);

            scope.itemsList = scope.$eval(scope.itemsList);

            scope.pageCount = function () {
                if (scope.itemsList) {
                    return Math.ceil(scope.itemsList.length / scope.itemsPerPage);
                } else {
                    return 1;
                }
            };
            scope.total = scope.pageCount();

            scope.number = [];
            for(var i=0; i 0) {
                    scope.currentPage--;
                }
                scope.jumpPageList();
            };

            scope.prevPageDisabled = function () {
                return scope.currentPage +1 == 1;
            };

            scope.nextPage = function () {
                if(scope.nextPageDisabled()){
                    return;
                }
                if (scope.currentPage < scope.pageCount()) {
                    scope.currentPage++;
                }
                scope.jumpPageList();
            };

            scope.nextPageDisabled = function () {
                return (scope.currentPage +1) == scope.total;
            };
        }
    }
}]);