在Angular Material Grid中,要显示图片,需要在Grid的单元格中使用HTML标签来显示。以下是一个示例:
在template中添加以下代码:
在component中添加以下代码:
export class AppComponent {
items = [
{imageUrl: 'https://picsum.photos/200/300'},
{imageUrl: 'https://picsum.photos/200/300'},
{imageUrl: 'https://picsum.photos/200/300'},
{imageUrl: 'https://picsum.photos/200/300'},
{imageUrl: 'https://picsum.photos/200/300'},
{imageUrl: 'https://picsum.photos/200/300'},
];
}
在本示例中,我们使用Angular Material Grid来显示简单的图像网格。在component中,我们创建了一个items数组,其中包含图像的URL。在template中,我们使用*ngFor指令遍历items数组,并在每个标签来显示图像。
使用以上代码可以解决Angular Material Grid无法显示图片的问题。