Question

我如何在Firestore中更新文档，而又没有在代码中准确地写出我要更新的字段，原因是已经通过表格达到了：让我们说Angular中的HTML标签已经带来了密钥和导入（要更新的密钥）：

HTML Tags
       <form [formGroup]="importNgForm" (submit)="addUniqueImport()">
            <div class="modal-body">
              <div class="form-group">
                <label for="key"></label>
                <input disabled type="text" value='{{incomeSelected}}' name="key" class="form-control" formControlName="key" />
               </div>

              <div class="form-group">
                <label for="import">Add amount</label>
                <input type="number" name="import" class="form-control" formControlName="import" />
               </div>
             </div>

             <div class="modal-footer">
              <button type="submit" class="btn btn-primary">Add</button>
             </div>
......more code

然后在我的HTML组件上：

some imports...

export class UserSheetBalanceComponent implements OnInit {

importNgForm: FormGroup;

 constructor(
    private service: Service,
    private amountBuilder:FormBuilder,
  ) {
    this.importNgForm = this.amountBuilder.group({
      key:new FormControl(),
      import:new FormControl(),
    });
  }

  addUniqueImport() {
    this.service.addingImport(this.importNgForm.value as addImport)
  }

最后在我的服务组件上，我只是尝试传递表单带来的参数：

 addingImport(dataToPass: addImport) {

    const path = this.docCreator
      .collection('users')
      .doc(this.userdata.uid)
      .collection('Incomings')
      .doc(this.userdata.uid);=====>Path reaching the doc to update

直到声明访问该字段所在文档的路径。但是当尝试引用该字段的名称时，我想通过表单（dataToPass.key）进行更新，并且该字段的导入正在引用（dataToPass.import）出现错误。

   path.update({dataToPass.key:dataToPass.import}) ====>doesn't work
   }

问题出在键上，比方说我而不是访问表单（dataToPass），而是直接输入要更新的字段名称（某些名称），我确实可以工作

   path.update({some name:dataToPass.import}) ======>does work
   }

所以我想知道如何在不精确地写域键的情况下动态地访问该域键，以便在查询中的域匹配后更新导入提前谢谢！！！

Answer 1

如果您在Firebase中引用了对象

const path = this.docCreator
  .collection('users')
  .doc(this.userdata.uid)
  .collection('Incomings')
  .doc(this.userdata.uid);

您可以创建空对象，并使用dataToPass.key中的键名来设置属性

let foo: any = {};
foo[`${dataToPass.key}`] = dataToPass.import;
path.update(foo);

无需手动更新Firebase Firestore文档中的字段，只需编写字段密钥即可更新Angular

1 个答案: