Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - ngFor 内部 ngFor 导致错误

In lại Tác giả: Walker 123 更新时间：2023-11-28 04:20:25 27 4
mua khóa gpt4 Nike

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

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

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

这是我的 HTML


  
Header title: {{section.sectionTitle}}



  
Thread title: {{thread.title}}


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

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

}

我错过了什么吗？感谢任何帮助，谢谢。

gia hạn:

论坛.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()
@Thành phần({
  selector: 'page-forum',
  templateUrl: 'forum.html',
})

export class ForumPage implements OnInit {

  forumSections: FirebaseListObservable;

  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}
   */
  getInitialSections(): FirebaseListObservable {
    return this.af.database.list('/forum/sections');
  }

}

câu trả lời hay nhất

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

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

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

27 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress