要实现从类派生的动态表单模板和控件，可以按照以下步骤进行操作：

1. 创建一个基类，该基类将包含表单控件的通用逻辑和属性。例如，可以创建一个名为BaseControl的基类：

import { FormControl } from '@angular/forms';

export class BaseControl {
  label: string;
  value: any;
  control: FormControl;

  constructor(label: string, value: any) {
    this.label = label;
    this.value = value;
    this.control = new FormControl(this.value);
  }
}

2. 创建一个继承自基类的控件类。该类将定义特定的表单控件类型和属性。例如，可以创建一个名为TextboxControl的控件类：

import { BaseControl } from './base-control';

export class TextboxControl extends BaseControl {
  type: string;

  constructor(label: string, value: any) {
    super(label, value);
    this.type = 'textbox';
  }
}

3. 在组件中使用动态表单模板和控件。首先，创建一个包含控件的数组。然后，使用ngFor指令遍历控件数组，并根据控件的类型动态展示相应的表单控件。例如：

import { Component } from '@angular/core';
import { TextboxControl } from './textbox-control';

@Component({
  selector: 'app-form',
  template: `
    

      

        {{ control.label }}
        
        
      
    
  `,
})
export class FormComponent {
  form: FormGroup;
  controls: BaseControl[];

  constructor() {
    this.controls = [
      new TextboxControl('Name', ''),
      // 添加其他控件到控件数组中
    ];

    // 创建表单并将控件数组中的控件添加到表单中
    const formControls = this.controls.reduce((controls, control) => {
      controls[control.label] = control.control;
      return controls;
    }, {});
    this.form = new FormGroup(formControls);
  }
}

以上示例演示了如何从类派生的动态表单模板和控件。在这个示例中，我们创建了一个TextboxControl类作为继承自BaseControl基类的具体表单控件类。然后，在组件中使用ngFor指令根据控件的类型动态展示表单控件。最后，我们将表单控件添加到表单中并创建表单组件实例。