Javascript ng重复不显示,但将显示console.log
我的angular应用程序遇到了一个问题,我试图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);
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之前,会显示什么?请显示控制台输出?