Multiple Profiles App

app.component.ts

@Component({
	templateUrl: 'app.html'
})
export class MyApp {
	public activeProfile: Profile;
	constructor(
		private afAuth: AngularFireAuth,
		private profileProvider: ProfileProvider, 
		) {
			afAuth.auth.onAuthStateChanged( user => {
			if (user) {
				this.rootPage = 'TabsControllerPage',
				this.profileList = this.profileProvider.getBy('account', user.uid),
				console.log('user', user);
				events.subscribe('profileChanged', profile => {
					console.log('changed profile', profile)
					this.activeProfile = profile;
				})
					this.selectProfile(this.afAuth.auth.currentUser.uid);
			} else {
				this.rootPage = 'BemVindoPage'
			}
		})
	}
	selectProfile(profileKey: string) {
		this.profileProvider.selectActiveProfile(profileKey);
	}
}

profile.ts

@Injectable()
export class ProfileProvider {
	public activeProfile: Profile;
	constructor(
		private afoDB: AngularFireOfflineDatabase,
		private events: Events) { }
	selectActiveProfile(profileKey: string) {
		this.activeProfile = this.getByKey(profileKey).value
		this.events.publish('profileChanged', this.activeProfile)
	}
	getByKey(profileKey: string)	{
		return this.afoDB.object(`/profile/${profileKey}`);
	}
}