ng-repeat array of collections to table cell 不工作

Question

我一直在设计一个 MEAN Stack 应用程序。我有以下 mongoDB 数据。

旅馆

{ "_id" : ObjectId("5e3c21c03d8d54b35af796ed"), 
   "Hostel" : "The traveler's Lodge", 
   "Rooms" : 23,  
   "Customer" : [ 
   {   "_id" : ObjectId("5e3c1e863d8d54b35af796eb"), 
       "name" : "Harry Williams", 
       "From" : "United States", 
       "numDays" : 12 
    }] 
}

我一直在尝试将其打印成 table。但是，当尝试打印数组中的数据时，我无法这样做。我曾尝试使用 ng-repeat 来执行此操作，但这只会导致 table 单元格保持空白。

app.component.html

<tr *ngFor="let lodge of hostels>
    ...
    <td ng-repeat="arr in lodge.Customer">{{ arr.name}}</td>
</tr>

有谁知道这是为什么，如何解决？

Answer 1

您正在尝试混合使用 Angular 2+ 和 Angular 1.x 试试这个：

<tr *ngFor="let lodge of hostels>
    ...
    <td *ngFor="let arr of lodge.Customer">{{ arr.name}}</td>
</tr>

ng-repeat array of collections to table cell 不工作

ng-repeat array of collections to table cell not working

angular

mongodb

mean-stack