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