Question

我有一个名为＆＃34;客户端组件＆＃34;使用firebase用于数据库目的，材料组件用于设计目的。我正在研究CRUD操作，我确实创建，删除但面临更新中的问题。客户数据显示在网格中，当我点击时编辑图标子组件被调用和＆＃34;客户编辑表单＆＃34;打开，表单中的每个字段也填充了以前的数据，但更改后单击更新按钮面临错误。

更新代码。

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]
            })
        });
    }
  }

无法阅读属性＆＃39; prodid＆＃39;在ClientEditComponent.updateClient中未定义

0 个答案: