不能从角5数据库显示在我的网页我的阵列中的数据？(Can't show my array d

我希望你们都很好，所以我有，我正在从火力的数据有点问题，我有包含数组的数组，我想表明它在我的观点，但我不能，我会写我的代码并解释我想以后达到什么目的。

这是我的数据库中的数据：

posts 
     --- 1 
          --- puslisher -- "Erick" 
          --- content :   "Something is written here"
          --- comments 
                      --- 1
                           --- comment : "Yes"
                           --- commentator : "Patrick"  
                      --- 2 
                           --- comment : "I dont think so "
                           --- commentator : "Sarah"
     --- 2 
          --- puslisher -- "Patrick" 
          --- content :   "News here .."
          --- comments 
                      --- 1
                           --- comment : "Yes"
                           --- commentator : "Ines"  

我得到了我的app.component.ts数据：

export class AppComponent implements OnInit {

    pubs:Observable<any[]>;
    constructor(private db:AngularFireDatabase){
    }
    ngOnInit(){
       this.pubs = this.getData('/posts');
    }

    getData(path):Observable<any[]>{
       return this.db.list(path).valueChanges()
    }

}

这里是我的HTML代码：

<div *nfFor="let post of pubs | async ">
    <p>publisher {{post.publisher}}</p>
    <p>content : {{post.content}}</p>
    <div>{{post.comments}}</div>
    <ul> 
       <li *ngFor="let cmt of post.comments" >{{cmt.comment}}</li>
    </ul>
</div>

但我得到我的控制台错误：

ERROR TypeError: Cannot read property 'comment' of undefined

但是，当我只写{{CMT}}，而不是{{cmt.comment}}，我得到的是这样的：

publisher: Erick
content : Something is written here 

,[object Object],[object Object]

- 
- [object Object]
- [object Object]



publisher: Patrick
content : News here 

,[object Object]

- 
- [object Object]

这意味着我得到我的对象，但第一个总是空的，我不知道为什么，我想表明我的注释文本。

我希望我很好的解释我的问题，任何帮助将不胜感激。

Answer 1:

这听起来像你只需要在安全导航操作使模板不尝试定义之前，它访问对象的属性。

尝试以下方法：

<li *ngFor="let cmt of post.comments" >{{ cmt?.comment }}</li>

文章来源: Can't show my array data in my page from database in angular 5?