angular - Angular 7 - 动态表单和传递函数

Question

使用 Angular 的动态表单我正在构建一个新的输入字段

表格.ts

 usernameCallback(body) {
    console.log(`hello ${body}`);
    this.usernameService.post(body)
       .subscribe(
         data => {
           console.log(data);
         },
         error => {
           console.warn(`Error: ${error}`);
         }
       );
  }

ngOnInit() {

      new InputField({
        key: 'username',
        label: 'Username',
        value: '',
        placeholder: 'Enter username',
        required: true,
        callback: this.usernameCallback
      }),

}

所以这是代码的基础。

我在 UsernameService 中有一个post()发送 http post 请求的方法。

usernameCallback()被添加到 InputField 并具有它的类型Function。

在我正在构建表单的input.component.ts中

  callback() {
    console.log(this.field.callback);
    this.field.callback('cheddar');
  }

控制台日志打印出usernameCallback正常但我收到错误的内容

错误类型错误：无法读取未定义的属性“帖子”

看起来它无法处理 usernameService 但我不知道为什么。

标签： angularangular7