Ionic 3 - Firebase Custom User Profiles
Why Stack Overflow recommends it
Stack Overflow users cite it as the tutorial they were following when their Ionic and Firebase profile code threw AsyncPipe errors or failed to save data.
Recommended by 0 people across 0 different months, 2017 to 2018.
What it is
A short Ionic 3 tutorial by Paul Halliday, part of his Firebase and Ionic series, showing how to attach custom user profiles (username, first and last name) to authenticated Firebase users. It walks through building a profile page and saving and reading the data through AngularFire.
What people said
Cites Livi17 · 2017-12 · Stack Overflow · on “Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'”
I'm trying to follow this [this video] youtube video tutorial and at the 8:22 point of the video, I am running into the following error: Error: InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe' [LINK] This his how the information is stored in firebase. [LINK] The data is set in firebase by a profile.html page. <ion-content padding> <ion-item> <ion-label floating>Username</ion-label> <ion-input [(ngModel)]="profile.username"></ion-input> </ion-item> <ion-item> <ion-label floating>First Name</ion-label> <ion-input [(ngModel)]="profile.firstname"></ion-input> </ion-item> <ion-item> <ion-label floating>Last Name</ion-label> <ion-input [(ngModel)]="profile.lastname"></ion-input> </ion-item>
Cites Haris Bin Zahid · 2018-04 · Stack Overflow · on “how to create user profile in ionic with firebase”
I am new to Ionic and Angular. I am developing an order placement app, but I m having trouble with creating a new user profile. I m following this video [this video] , but data is not saving in Firebase. Also, I already have a list in firebase with name orders. profile.ts import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; import { Profiles } from "../../models/profile/profile"; import { AngularFireAuth } from 'angularfire2/auth'; import { AngularFireDatabase } from 'angularfire2/database'; import { LoginPage } from '../login/login'; @IonicPage() @Component({ selector: 'page-profile', templateUrl: 'profile.html', }) export class ProfileP
Cites Adam · 2018-10 · Stack Overflow · on “Error . InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'. Having trouble pulling data from the firebase”
I am using angular 5 currently. It is giving me a pipe error . I believe there is a conflict in the versions and i guess the video that i referred to is using angular 4. The error that I am gettin is Error . InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe'. This is the .ts file import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams, List } from 'ionic angular'; import { AngularFireAuth } from 'angularfire2/auth'; import {Profile} from '../../model/profile'; import { AngularFireDatabase} from 'angularfire2/database'; import { auth } from 'firebase'; import { UserprofilePage } from '../userprofile/userprofile'; @IonicPage() @Component({ selector: 'pa