Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng重复不显示,但将显示console.log_Javascript_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript ng重复不显示,但将显示console.log

Javascript ng重复不显示,但将显示console.log,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我的angular应用程序遇到了一个问题,我试图ng repeat到视图上的数组将登录到控制台,但不会显示在页面上 这是我在控制器中的功能 var calCells = document.getElementsByClassName('calendar-cell'); for(i = 0; i < calCells.length; i++){ calCells[i].addEventListener('click', updateDay, false);

我的angular应用程序遇到了一个问题,我试图
ng repeat
到视图上的数组将登录到控制台,但不会显示在页面上

这是我在控制器中的功能

    var calCells = document.getElementsByClassName('calendar-cell');
    for(i = 0; i < calCells.length; i++){
        calCells[i].addEventListener('click', updateDay, false);
    }
    var todayCell = document.getElementsByClassName('today');
    todayCell[0].addEventListener('click',updateDay,false);
    } // renderCalender function ends

    function displayDayPosts(selectedDay) {
        $scope.displayDay = happyService.setDisplayPosts(selectedDay);
        console.log($scope.displayDay);
    }  

    var updateDay = function(){
        var thisCellTime = this.querySelector('time');
        var selectedDate = thisCellTime.getAttribute('datetime');
        //onclick text//
        displayDayPosts(selectedDate);
        console.log(selectedDate)
    }
var-calCells=document.getElementsByClassName('calendar-cell');
对于(i=0;i
这就是我在工厂里得到物体的地方

function setDisplayPosts(selectedDay) {
    var days = getDays();
    var day = {posts: []};
    for(i=0; i < days.length; i++){
        if(selectedDay.substring(0,10) === days[i].date.substring(0,10)){
            day.newAvg = days[i].average;

            days[i].forEach(function(post){

                var postObj = {};
                postObj.mood = post.mood;
                postObj.comment = post.comment;
                postObj.rating = post.rating;
                postObj.date = post.date;
                day.posts.push(postObj);

            });

        }
    }
    return day;
}
function setDisplayPosts(selectedDay){
var days=getDays();
var-day={posts:[]};
对于(i=0;i
下面是我在页面上显示它的方式

<div ng-repeat="entry in displayDay.posts track by $index" class="entry">
    <h4 class="entry-title">{{entry.date | date }}</h4>
    <p class="rating-display"><strong>Rating:</strong> {{entry.rating}}</p>
    <p class="comment-display"><strong>Comment:</strong> {{entry.comment}}</p>
    <p class="moods-display"><strong>Moods:</strong> {{entry.mood}}</p>
</div>

{{entry.date | date}

评级:{{entry.rating}

注释:{{entry.comment}

情绪:{{{entry.mood}

对象displayDay正在按照我在控制台中预期的那样进行日志记录


任何帮助都将不胜感激。谢谢!

ng repeat中的数组可能为空的原因有很多。你能演示一下控制器是如何设置的吗?重复之前的完整html是什么?displayDay是否已在页面中可用?通常,您希望看到它是通过控制器引用访问的,比如$ctrl.displayDay。如果将{displayDay}}放在repeat div之前,会显示什么?请显示控制台输出?