Firebase Angular9

Question

我无法显示db中的特定元素。

//component.html
<section class="firee">
    <figure class="snip1208">
        <div  *ngFor="let scholarship of scholarships" >
        <h3>{{scholarship.title}}</h3>
        <p>{{scholarship.description}}</p>
        </div>
    </figure>
</section>
//component.ts
import { Component, OnInit } from '@angular/core';
import {AngularFireDatabase} from 'angularfire2/database';

@Component({
    selector: 'app-scholarship',
    templateUrl: './scholarship.component.html',
    styleUrls: ['./scholarship.component.css']
})
export class ScholarshipComponent implements OnInit {
    scholarships: any[];
    constructor(db: AngularFireDatabase){
    db.list('scholarships')
        .valueChanges()
        .subscribe(scholarships => {
        this.scholarships = scholarships;
        console.log(this.scholarships); });
    }
    ngOnInit(): void {
    }
}

那是工作

但是当我举个例子

<div *ngFor="let scholarship of scholarships" >
    <h3>{{scholarship.3}}</h3>
</div>

这不管用。我也尝试过"first_post"，但同样不起作用

下面是db

​

Answer 1

我想你可能需要：

<h3>{{scholarship[3].title}}</h3>

或

<h3>{{scholarship["3"].title}}</h3>