nicht in der Lage, Werte in Javascript-Array innerhalb Objekt

Question

10 Wie Sie im Code sehen können, ich habe versucht, Array-Werte innerhalb eines Objekts dynamisch zu erstellen, hat es kein Problem beim Debuggen, aber wenn ich versuchte, Push-Methode zu verwenden Das Array löst einen Fehler aus. Ich arbeite an Ionic 3 mit eckigem 4. Ich rufe die Funktion im keyup.enter-Ereignis des Eingabefeldes auf.

// 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’ 
} 

Mein HTML-Code:

<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

Versuchen Sie Ihr Array mit den entsprechenden Typ deklarieren:

private newsFeeds : Array<any> = ... 

Answer 2

Werke für mich

Stellen Sie sicher, Ihr Objekt korrekt interpretiert wird. Ich musste deine einfachen Anführungszeichen ersetzen. Sie können es testen, indem console.log(newsFeeds);

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 
    } 
]; 

und stellen Sie sicher, dass Sie eine Nummer und String, indem er erklärt in Funktionsargumente

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


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



    }