我創建了一個自定義滑塊，當用戶單擊下一個和上一個按鈕時，我試圖一個一個地加載元素。
鏈接：https : //stackblitz.com/edit/angular-ivy-rwuxjd?file=src/app/app.component.ts
最初我只加載問題陣列中陣列的第一個值
ngOnInit(): void {
var formData=new FormData();
formData.append("test",'test');
this.http.post(this.baseUrl 'api/auth/fetch', formData).subscribe(result => {
this.questions_lists = result;
this.temp_questions_lists.push(this.questions_lists[0]);
questions_lists包含來自資料庫的所有結果，但temp_questions_lists只包含陣列的第一個元素，現在在下一個和上一個按鈕上，我試圖清除陣列并將下一個值從question_lists陣列加載到temp_questions_lists陣列中。
onNext() {
if (this.counter != this.questions_lists.length - 1) {
this.counter ;
this.temp_questions_lists=[];
this.temp_questions_lists=this.questions_lists[this.counter];
}
}
onPrevious() {
if (this.counter > 0) {
this.counter--;
this.temp_questions_lists=[];
this.temp_questions_lists.push(this.questions_lists[this.counter]);
}
}
第一次資料加載到滑塊中，但下次當我單擊下一步按鈕時，我收到此錯誤：
錯誤：嘗試比較“[object Object]”時出錯。只允許陣列和可迭代物件
任何解決方案都非常感謝謝謝。
uj5u.com熱心網友回復：
您需要使用.push()而不是分配。
onNext() {
if (this.counter != this.questions_lists.length - 1) {
this.counter ;
this.temp_questions_lists=[];
this.temp_questions_lists.push(this.questions_lists[this.counter]);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/385188.html
標籤：javascript 有角的