angular - 无法读取 ClientEditComponent.updateClient 处未定义的属性“prodid”

Question

我有一个名为“客户端组件”的组件，使用 firebase 用于数据库目的，材料组件用于设计目的。我正在处理我确实创建、删除但在更新中遇到问题的 CRUD 操作。客户端数据显示在网格中，当我单击编辑图标时，调用子组件并打开“客户端编辑表单”，表单中的每个字段也填充了以前的数据，但在更改并单击更新按钮后出现错误。

更新代码。

updateClient(prod){
    //this.clientservice.onUpdate(prodid);
    this.items.doc(prod.prodid).update({
      fname: this.fname,
      lname: this.lname,
      cemail: this.cemail,
      caddress: this.caddress,
      crole: this.crole,
    }).then(() => {
      console.log('Updated');
    })
  }

服务

 onUpdate(prod){
        this.pro.collection("client").doc(prod).update(prod.prodid).then(function() {
            console.log("Document successfully Updated!");
        }).catch(function(error) {
            console.error("Error updating document: ", error);
        });
    }

在 clientform 表单网格中获取数据。

ngOnInit() {

    this.firstFormGroup = this._formBuilder.group({
      fname: ['Test', Validators.required],
      lname: ['New test'],
      email: [''],
    });
    this.secondFormGroup = this._formBuilder.group({
      address: ['Test2', Validators.required],
      role: [''],
    });

    /////Client-Edit////
    this.route.params.subscribe(
      (params: Params) => {
        this.id = params['id'];
        this.editMode = params['id'] != null;
        this.initForm();
      })
  }

  id: string;
  editMode = false;

  initForm() {
    if (this.editMode) {
      let items: any = this.clientservice.getClient(this.id)
        .then((res:Client)=>{
            //this.client = res;
            this.firstFormGroup = this._formBuilder.group({
              fname:[res.fname],
              lname:[res.lname],
              email:[res.cemail],
            })
            this.secondFormGroup = this._formBuilder.group({
              address:[res.caddress],
              role: [res.crole]
            })
        });
    }
  }