angular - Angular 创建可重用组件

Question

我正在使用 ControlValueAccessor 在 Angular 10 中创建一个可重用的输入类型组件。但我的问题是我的变量 formControleName 仍然未定义

我使用了在这里找到的类：https ://stackblitz.com/edit/angular-eznzw5?file=src%2Fapp%2Fcontrol-value-accessor-connector.ts 。只需添加装饰器@Directiv

我的组件：

@Component({
  selector: 'app-comp-input',
  templateUrl: './comp-input.component.html',
  styleUrls: ['./comp-input.component.scss'],
  providers: [{

    provide: NG_VALUE_ACCESSOR,     useExisting: forwardRef(() => CompInputComponent),

    multi: true
  },
  {
    provide: NG_VALIDATORS,
    useExisting: forwardRef(() => CompInputComponent),
    multi: true
  }]
})
export class CompInputComponent extends ControlValueAccessorConnector {
  constructor(injector: Injector) {
    super(injector);
  }

调用 myComponent ：

<form [formGroup]="simpleForm">
    <app-comp-input formControlName="name"></app-comp-input>
</form

我不明白这个问题