不确定层级列表的Angular8组件如何设计,传值?

发布于 2022-09-12 04:48:33 字数 397 浏览 17 评论 0

如下图,可能存在多级列表页面,

描述:比如在一级列表点击某一项,点击时,需要根据此项数据是否有 parentProjectId 来判断此项下,是否有子项目,从而决定下一级是 列表页 还是 详细页

假设现在有二级列表页(一级和二级)
1.组件该如何设计?
2.是复用一个组件,还是分别两个组件?
3.各情况下如何传值?

另外有面包屑导航 和 返回 上一级按钮。

列表页:
image

详细页:
image

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小傻瓜 2022-09-19 04:48:33

换一个思路,假设把全部放到一个组件里面就是,上面导航控制一下,下面就是三部分。
导航栏的话就用一个数组存储,点击下一层就push一个,返回就pop。
下面展示列表或者其他部分就用*ngif控制一下是否显示

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文