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

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

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

const user = this.auth.currentUser;

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

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

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