相同的Typescript，但在Angular 8中使用不同的HTML视图格式

我有一个typescript表单，它收集Formbuilder数据，并对其应用一些逻辑。客户要求附加一个不同的HTML视图来处理逻辑。Angular中是否有保留复制相同的BackTypeScript，但使用不同HTML的选项

说这是在

app-mail-address-ts.

要用其他内容替换html

  public electronicsFormChangeEvent(electronicsFormEvent) {
    this.productForm = electronicsProductEvent;
  }

  public furnitureFormChangeEvent(furnitureFormEvent) {
    this.productForm = furnitureProductEvent;
  }

  public groceryFormChangeEvent(groceryFormEvent) {
    this.productForm = groceryFormEvent;
  }


  public bookFormChangeEvent(bookFormEvent) {
    this.productForm = bookFormEvent;
  }

  public carFormChangeEvent(carFormEvent) {
    this.productForm = poBoxFormEvent;
  }


  public calculateTotalAmount() {
    if (this.productForm == 'Furniture') {
        this.TotalAmount = UnitAmount * Quantity
        ......
        .....
    }
    this.calculateTotal = true;
  }

---

是的，在Angular中，您有不同的方式来共享代码

---

有

管道

和

常量

以及最常见的：

服务

。如果要将包含公共代码的共享服务注入到两个不同的组件中，这些组件将定义不同的HTML模板。

您可以为公共代码创建

单例服务。

如果您需要创建可在模板驱动表单和反应式表单中使用的共享组件。这是一个很好的例子