Hello im sitting here with a project i cannot find the error or what iam doing wrong.
Iam using angular 6 and firebase/firestore
My problem is when i want to create a user with email and password it works fine but i then added more fields like firstname, lastname and so on.
Auth.service.ts
My auth service have the interface and the to functions showed below here. i tested the creating user with only email and password and that worked fine.
in my firebase i have activated the auth with email/password and i created a collection users with a document users and added all the fields firstName, lastName and so on.
interface User {
uid: string;
email?: string;
photoURL?: string;
displayName?: string;
firstName?: string;
lastName?: string;
address?: string;
zipCode?: string;
city?: string;
phoneNumber?: string;
}
emailSignUp(email: string, password: string) {
return this.afAuth.auth
.createUserWithEmailAndPassword(email, password)
.then(credential => {
this.notify.update('Welcome new user!', 'success');
return this.updateUserData(credential.user); // if using firestore
})
.catch(error => this.handleError(error));
}
private updateUserData(user) {
// Sets user data to firestore on login
const userRef: AngularFirestoreDocument<any> =
this.afs.doc(`users/${user.uid}`);
const data: User = {
uid: user.uid,
email: user.email,
displayName: user.displayName,
photoURL: user.photoURL,
firstName: user.firstName,
lastName: user.lastName,
address: user.address,
zipCode: user.zipCode,
city: user.city,
phoneNumber: user.phoneNumber
}
return userRef.set(data, { merge: true })
}
User-form.component.html
This is my component where i have my form for creating a new user.
<form [formGroup]="userForm" *ngIf="newUser" (ngSubmit)="signup()">
<h1>Log ind / Opret ny profil</h1>
<br>
<h3>Har du allerede en bruger så tryk på log ind</h3>
<p class="btn btn-primary" (click)="toggleForm()">Log ind</p>
<h3>Opret ny profil</h3>
<!--<p class="button is-small" (click)="toggleForm()">Already Registered?
</p>-->
<hr>
<label for="firstName">Fornavn</label>
<input type="text" class="input" formControlName="firstName"
name="firstName" required >
<label for="lastName">Efternavn</label>
<input type="text" class="input" formControlName="lastName" name="lastName"
required>
<label for="telefonnummer">Telefonnummer</label>
<input type="tel" class="input" formControlName="phoneNumber"
name="telefonnummer" required>
<label for="adresse">Adresse</label>
<input type="text" class="input" formControlName="address" name="adresse"
required>
<label for="postnummer">Postnummer</label>
<input type="number" class="input" formControlName="zipCode"
name="postnummer" required>
<label for="by">By</label>
<input type="text" class="input" formControlName="city" name="by" required>
<label for="email">Email</label>
<input type="email" class="input" formControlName="email" name="email"
required autocomplete="new-password">
<div *ngIf="formErrors.email" class="notification is-danger">
{{ formErrors.email }}
</div>
<label for="password">Password</label>
<input type="password" class="input" formControlName="password"
name="password" required>
<div *ngIf="formErrors.password" class="notification is-danger">
{{ formErrors.password }}
</div>
<!--
<label>
<input type="checkbox" class="checkbox" required>Service & Betingelser
</label>
-->
<div *ngIf="userForm.valid" class="notification is-success">Form is
valid</div>
<button type="submit" class="btn btn-primary"
[disabled]="!userForm.valid">Opret Profil</button>
</form>
