我们是使用angular框架来开发，当我使用ajax模拟请求本地的json数据时，没有任何问题，页面都能渲染数据，正常展示。由于后台是使用Phoenix框架开发，所以我们的代码都要放入该框架中，这时候数据来源就是websocket,我在控制台都能打印出从后台获取的json数据，但是页面上却没有任何显示，当我无意中鼠标移入一个p（该p就是一个标题，绑定一个ng-mouseenter指令，仅用于控制一个提示框的显示和隐藏）的时候，整个页面的数据瞬间都渲染出来，这个p和页面数据八竿子打不着的事情，怎么能让整个页面的数据渲染出来啦？后来我继续查找原因，一个背景图片绑定一个ng-click指令，当我点击这个背景图片的时候，页面上所有的数据居然也能正常显示，但是我刷新页面的时候，所有渲染的数据又全部都消失，只有样式。请大神指点？
以下是一小部分代码：
JS:

    channel.join().receive("ok", function (resp) {
        // console.log(resp,5252);
    }).receive("error", function (resp) {
        console.log("Unable to join", resp,9999);
    });
    channel.push("get_today_data_summary", {});

    channel.on("get_today_data_summary", function (payload) {
        // 今日数据总览开始
    $scope.items=payload.data;
    
    });

    

HTML:

                

                    

                        
正在咨询人数
                        
{{items.consulting_user}}
                    

                    

                        
当前在线客服数{{items.online_waiter}}