可重复使用的模板或分离的模板

时间:2017-07-08 19:36:52

标签: angular oop templates reusability

想象一下,当你有一个管理面板并且有两种类型的页面时,这是一个简单的例子:添加内容&编辑内容。因为两者几乎都需要相同的模板。

您认为解决此简单任务的更好方法是什么?为两个组件(如果是角度)创建一个模板或创建不同的模板?

如果是相同的模板,我们需要这样做:

  1. 声明一些额外的变量来管理模板中的一些案例;

  2. 在检查下拉列表时,或者复选框或某些自定义元素时添加一些条件。在这种情况下,如果添加新内容,模板会进行任何检查,因为没有理由检查某个元素。我们还有一些应该用值填充的变量,在新内容的情况下它们肯定是不可用的。代码变得更加意大利面。

  3. 但如果我们分开模板,我们就会有相同的模板和MB的增长。但我们可以减少代码,但问题是标记为向上。

2 个答案:

答案 0 :(得分:1)

我认为一个好的做法是将表单分成独立的组件。是的,您可能需要在其中添加一些检查,但实际上这对我的经验来说并不是什么大问题。另一方面,代码重复可能会导致您可能不满意的问题。

我通常用于此类组件的方法是声明空白模型对象,该对象可以被输入一个覆盖。在这种情况下,您将创建/编辑条件保持隔离状态,并进一步对待它。

答案 1 :(得分:0)

这个问题的简短回答是“这取决于”。

这取决于您将获得多少重用。以这种方式看待它:如果这两个模板没有任何共同点,那么你显然会使用构思2,如果它们是相同的,那么你将使用相同的模板进行“添加”和“编辑”(即方法1)

如果你问他们“几乎完全相同”,我认为与“几乎完全不同”相反。如果我是你,我会与设计师交谈,并了解随着开发的进展,他们变得更加不同(或更相似)的可能性。这将有助于影响答案。