在firestore中设置使用Angular更新的新displayName

在Firestore中设置使用Angular更新新的displayName，可以通过以下步骤完成：

首先，确保你已经在Angular项目中集成了Firebase和Firestore。可以使用AngularFire库来简化这个过程。
在你的Angular组件中，导入Firebase和AngularFire相关的库和服务。例如：

import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { AngularFireAuth } from '@angular/fire/auth';

在组件的构造函数中注入AngularFirestore和AngularFireAuth服务。例如：

constructor(private firestore: AngularFirestore, private auth: AngularFireAuth) { }

使用AngularFireAuth服务获取当前用户的身份验证信息。例如：

const user = this.auth.currentUser;

使用Firestore的collection()方法选择要更新的集合。例如，如果你的用户数据存储在名为users的集合中，可以这样选择它：

const usersCollection = this.firestore.collection('users');

使用doc()方法选择要更新的文档。例如，如果你想更新当前用户的文档，可以使用用户的身份验证ID作为文档ID：

const userDoc = usersCollection.doc(user.uid);

使用update()方法更新文档的displayName字段。例如，如果你想将displayName更新为"John Doe"，可以这样做：

userDoc.update({ displayName: 'John Doe' });

完整的代码示例：

import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { AngularFireAuth } from '@angular/fire/auth';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="updateDisplayName()">Update Display Name</button>
  `,
})
export class ExampleComponent {
  constructor(private firestore: AngularFirestore, private auth: AngularFireAuth) { }

  updateDisplayName() {
    const user = this.auth.currentUser;
    const usersCollection = this.firestore.collection('users');
    const userDoc = usersCollection.doc(user.uid);
    userDoc.update({ displayName: 'John Doe' });
  }
}

这样，你就可以使用Angular和Firestore来更新用户的displayName字段了。记得根据你的实际需求修改集合名称、字段名称和更新的值。