객체 내부의 자바 스크립트 배열에 값을 푸시 할 수 없습니다.

Question

코드에서 볼 수 있듯이 객체 내부에 배열 값을 동적으로 만들려고했으나 디버깅 할 때 문제가 없었지만 push 메소드를 사용하려고했을 때 배열에 오류가 발생합니다. 각도 4의 Ionic 3에서 작업 중입니다. 입력 상자의 keyup.enter 이벤트에서 함수를 호출하고 있습니다.

// this is the object 
private newsFeeds=[ 
{ 
avatarUrl:’…/assets/fb/avatar.png’, 
userName:‘Karim Benzema’, 
time:‘16 minutes ago’, 
caption:‘Wow!!!’, 
imageUrl:‘https://upload.wikimedia.org/wikipedia/commons/e/ec/Ara_ararauna_Luc_Viatour.jpg’, 
like:‘Like’, 
numberOfLikes:2, 
comments:['hello'], 
isCommentEnable:false 
}, 
{ 
avatarUrl:’…/assets/fb/avatar2.png’, 
userName:‘Unknown Singh’, 
time:‘2 hrs ago’, 
caption:‘Pc:Unknown’, 
imageUrl:‘https://i.pinimg.com/736x/50/e0/b6/50e0b65efd2d634053d7a8d1cd9d94fc--so-funny-funny- 
stuff.jpg’, 
like:‘Like’, 
numberOfLikes:3, 
comments:[], 
isCommentEnable:false 
} 
]; 

postComment(index,value){ 
console.log(`${index} : ${value}`); //shows correct index and value 
this.newsFeeds[index].comments.push(value); //-->error 
//Throws runtime error ‘comments.push is not a function’ 
} 

내 HTML 코드 :

<ion-list [virtualScroll]= “newsFeeds”> 
<ion-card *virtualItem=“let f; let i=index”> 
<span *ngIf=“f.isCommentEnable”> 
<input type=“text” [(ngModel)]=“f.comments” (keyup.enter)=“postComment(this.i,item.value);” #item> 
</span> 
</ion-card> 
</ion-list> 

Answer 1

가 적절한 형태로 배열을 선언하십시오 : 나를 위해

private newsFeeds : Array<any> = ... 

Answer 2

작품

이 개체가 올바르게 해석되어 있는지 확인합니다. 나는 당신의 작은 따옴표를 대체해야했습니다. 당신은

ngOnInit() { 
    this.postComment(0, 'comment'); 
    console.log(this.newsFeeds); 
    } 


    postComment(index: number,value: string){ 
    this.newsFeeds[index].comments.push(value); 



    }