gpt4 book ai didi

javascript - ngFor 内部 ngFor 导致错误

转载 作者:行者123 更新时间:2023-11-28 04:20:25 27 4
gpt4 key购买 nike

我有一个由部分组成的 firebase json 对象。部分内部还有部分线程。我正在尝试迭代这些部分,然后迭代线程。问题是我收到此错误

InvalidPipeArgument:管道“AsyncPipe”的“[object Object]”

当我为线程添加第二个 *ngFor 时

这是我的 HTML

<div *ngFor="let section of forumSections | async">
<div>Header title: {{section.sectionTitle}}</div>

<div *ngFor="let thread of section.sectionThreads | async">
<div>Thread title: {{thread.title}}</div>
</div>

以及我的 Firebase 数据库中的 JSON 对象

 "forum" : {
"sections" : {
"Y6ML8AA9V5RB2sKFmKndnHFqRw23" : {
"sectionThreads" : {
"-zqehRPSbalaburpm2dW" : {
"description" : "Sup ladies",
"title" : "elo mm9"
},
"-zqehRPSbalajYGfm2dW" : {
"description" : "Sup boi",
"title" : "elo m8"
}
},
"sectionTitle" : "Official"
}
}

}

我错过了什么吗?感谢任何帮助,谢谢。

更新:

论坛.ts

    import {Component, OnInit} from '@angular/core';
import {IonicPage} from 'ionic-angular';
import {FirebaseListObservable} from "angularfire2";
import {ForumServiceProvider} from "../../providers/forum-service/forum-service";

@IonicPage()
@Component({
selector: 'page-forum',
templateUrl: 'forum.html',
})

export class ForumPage implements OnInit {

forumSections: FirebaseListObservable<any>;

constructor(public forumService: ForumServiceProvider) {
}

ngOnInit() {
this.loadForumData();
}

loadForumData() {
this.forumSections = this.forumService.getInitialSections();
}

}

论坛服务

import {Injectable} from '@angular/core';
import 'rxjs/add/operator/map';
import {AngularFire, FirebaseListObservable} from "angularfire2";

@Injectable()
export class ForumServiceProvider {

constructor(public af: AngularFire) {
}

/**
* Get the forums front facing sections
* @returns {FirebaseListObservable<any>}
*/
getInitialSections(): FirebaseListObservable<any> {
return this.af.database.list('/forum/sections');
}

}

最佳答案

异步管道需要一个 Observable,请确保您的响应是 Observable,因为您使用的是 firebase,所以它应该是 FirebaseListObservable。

就你的情况而言,我想如果你删除 | async 在你的第二个 ngFor 中它将解决你的问题,因为它是一个数组。

关于javascript - ngFor 内部 ngFor 导致错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45497820/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com