Javascript 角度材质-包含父组件和子组件的材质栅格列表

我想使用两个组件创建网格列表。父母和孩子。但它没有显示任何东西。 家长（应用程序消息）：

子项（应用程序消息项）：

{{message.created|u在|日期：'medium'}

x
修改

您还可以展示您编写的业务逻辑吗？您的组件ts文件我认为不会有帮助，因为它只是通过父组件获取数据并将其传递给子组件。顺便说一句，数据是好的，因为它都显示出来了，没有网格。好的，在这里找到了答案：

<mat-grid-list cols="2">
<app-message-item 
  *ngFor="let message of messages" 
  [message]="message"
  (deleteMessage)="deleteMessage(message._id)"
  (openUpdateDialog)="openUpdateDialog(message._id)"
  >
</app-message-item>
</mat-grid-list>

<mat-grid-tile>
  <p>
    {{ message.created_at | date:'medium' }}
  </p>
  <div [innerHTML]="message.content"></div>
  <img [src]="message.fileImage ? environment+message.path : message.path" height="100"> 
  <button (click)="onDelete(message._id)" class="del">x</button>
  <button (click)="onUpdate(message._id)" class="del">Modify</button>
</mat-grid-tile>