ng-repeat массив коллекций для ячейки таблицы не работает

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 
    }] 
}

Я пытался распечатать их в таблице. Однако при попытке распечатать данные в массиве я не могу это сделать. Я попытался использовать ng-repeat, чтобы сделать это, но это просто приводит к тому, что ячейка таблицы остается пустой.

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>