javascript - 我应该使用一个组件来使用 ngif 进行编辑和查看，还是将它们分成多个组件？

Question

在我的 Angular 应用程序中，我有两个网址:localhost:4200/report/11/view 和 localhost:4200/report/11/edit。

在 View 页面中，我将区域划分为如下所示的组件: --> 渲染 h2 和标题。 -> 呈现 ul-li 以及属于此报告的公司列表。 -> 渲染页。

在我的编辑页面中，我使这些组件可编辑: --> 用标题呈现输入。 -> 使用属于此报告的公司列表呈现 ul-li，并自动完成以添加到列表中。 -> 渲染输入。

我的问题是我应该使用单独的组件来查看和编辑还是在组件内部使用 ngIf 来显示或不显示正确的部分？

Answer 1

由于没有预定义的模式，它完全取决于您希望它将来如何扩展以使代码更可重用。

所以，是的，您可以通过维护一个标志并呈现所需的 View 来创建一个组件来处理编辑和查看屏幕。

寻求更可重用的方法。您可以遵循设计模式，例如为 View 创建一个抽象类并将它们扩展到所有常见组件。这样你的代码在任何场景下都是干净的，并且支持 future 的可扩展性。