首页 > 解决方案 > Angular 可重用的 crud 组件

问题描述

我的任务是构建 10 个 angular 的 crud,但我想为它创建一个可重用的组件。我一直在考虑是否可以将列表和表单之间的组件分开,如下所示:

例如:

在此处输入图像描述

在此处输入图像描述

4 crud 将使用实时数据编辑并且不需要表单部分。在表单的情况下,我将在此期间与服务共享数据。

考虑到这一点,我正在考虑构建一个通用组件来包装该行为,但同时又害怕创建一种难以维护和重用的上帝组件

你们有没有做过类似的任务?我在哪里可以找到一个好的起点,或者是否有一些项目可以让我获得一个例子?

标签: angulardesign-patternsangular-components

解决方案


我不确定你必须完成的程度(警惕过度设计),但如果你需要,你总是可以将你的很多需求建立在输入上,并使其非常可重用。

我使用这个动态表单网站让我开始了解如何从有效负载创建表单,这可能是您倾向于的。无论哪种方式,您总是可以从满足 1 个 crud 的需求开始,看看您是否可以通过 @Input() 元素使其通用,然后看看它会带给您什么。祝你好运!

快乐编码


推荐阅读