重用角度组件（但修改Dom元素）

Question

因此，我创建了一个Angular组件，希望在要创建的某些页面中重用它。本质上，它是具有不同配置（输入字段，按钮，复选框等）的表单框。基于某些部分，我想更改表单框的内容，但是，我仍然想保持表单的相同布局。因此，例如，我想对表单和相对于整个页面应用相同的CSS属性。

对于我要构建的应用程序的某些页面，我重复使用了3到4次相同的表单，但是，我更改了表单中每个实例的内容。我希望能够调用选择器（），但是我希望能够更改该选择器中内容的内容。这样，它将使创建应用程序更快。

表单的内容（如输入字段和按钮）放置在不同的组件中。我想在表单组件的一个实例中插入一个特定的内容组件。然后在表单组件的另一个实例中插入另一个内容组件。

任何简单的方法吗？任何帮助或指导将不胜感激。

This picture is a mock-up of what ideally I want a page to look like. The first form has somewhat different content, but essentially the same component with some adjustments.

Answer 1

我觉得您想做的事情很快就会变得混乱，但是您可以使用inputs来更改表单的行为。

例如，如果您想隐藏或显示表单中的文本框，则可以

<input type="text" *ngIf="showTextbox" /> 

在您的html和

中

@Input() showTextbox : boolean = true; // Defaulted to true

，然后指定每次使用组件时是否要使用文本框。