你好,我正在构建一个小应用程序,它通过Nodejs连接到api,并将所有帖子存储在mongodb中,这部分我已经完成了,但现在我需要做的是前端部分,在这个部分上,用户应该能够看到一个包含我在数据库中保存的帖子列表的页面,现在让我感到困难的是,我应该使用表还是应该使用列表?我问这个bcs,如果你看一看图片,你会看到每一行都有一个标题,作者和右边的?日期,如果你悬停行,删除按钮应该会出现……所以我正在寻找我应该使用列表还是表格的建议,更重要的是,我如何调整每一行,以便我可以将标题、作者和日期放在图片中?最后但并非最不重要的是,它必须在角度材质或React +材质UI中完成。wireframe web image
发布于 2019-06-13 06:27:54
不要试图将其放入表格中。相反,创建一个表示帖子的单独组件,比如PostComponent
,它接受一个帖子作为@Input()
,然后在父组件中,您可以在其模板中使用如下内容来获取帖子数组:
<ng-container *ngFor='let post of posts>
<app-post [post]='post'></app-post>
</ng-container>
现在,对于布局,我建议使用内置的display:grid
,它似乎可以满足您的需求。
发布于 2019-06-13 03:08:50
根据你的线框图,你可以很容易地得到一个列表。对您的HTML组件应用相关的样式,您就可以实现这一点。Angular数据绑定将帮助您从列表中删除特定的对象(行)。
您可以从这个文档https://material.angular.io/components/list/overview中获得一些想法
但请记住,使用表也是一种解决方案,但根据线框图,这并不是必需的,因为它似乎只是一些动态的行。
https://stackoverflow.com/questions/56572728
复制相似问题