angular.js - AngularJs Controller获取到数据，但是页面上不显示-PHP中文网问答

第一个View中点击按钮，通过ui-router跳转按钮到第二个View，在第二个controller中能接收到数据，赋值给$scope,但是页面上没显示。
第一个View：

 查看

第一个controller中的方法：

$scope.checkUserInfo = function(userId) {
    $rootScope.$broadcast('toUserInfo', userId);
}

第二个View：


    

        

            

                UserId：{{data.user.userId}}
                Name：{{data.user.name}}
                Sex：{{data.user.sex}}
                Birthday：{{data.user.birthday | date:'yyyy-MM-dd'}}
                Mobile：{{data.user.mobile}}

第二个controller：

userApp.controller('userInfoCtrl', ['$scope', '$http', '$rootScope', 'serverUrl', function($scope, $http, $rootScope, serverUrl) {
    $rootScope.$on('toUserInfo', function(event, userId) {
        console.log(userId); //能获取到ID
        $scope.userId = userId;
        $http.get(serverUrl + "/user/info?userId=" + userId).success(function(data) {
            console.log(data); //有data
            $scope.data = data.data; //赋值后页面不显示
        })
    })
}])

ui-router:

.state('index.usermng.userInfo',{
    url: '/userInfo',
    templateUrl: 'tpls/userInfo.html',
    controller: 'userInfoCtrl'
})