Retrieve the current user's posts using Angular and Firebase

Question

Retrieve the current user's posts using Angular and Firebase

I'm currently working on an Angular-Firebase Ionic app and running into a problem when trying to retrieve the current user's posts from Firebase. My main goal is to fetch the current user's posts.

Below is the code snippet:

postss: any;
constructor(

private afAuth: AngularFireAuth,
) {
this.postss = this.afDB.list('users/posts').valueChanges();

this.afAuth.authState.subscribe(user => {

      }

Here's the corresponding HTML:

<ion-list no-lines>
<ion-card  *ngFor="let post of posts ">
<li><ul>{{post}} </ul></li>

Shown below is a screenshot:

https://i.sstatic.net/rOtgi.png

angular typescript firebase firebase-realtime-database angularfire2

Answer 1

Answer №1

Instead of using

this.postss = this.afDB.list('users/posts').valueChanges();

, try

this.postss = this.afDB.list('users/posts/' + user.uid).valueChanges();

. It's important to make sure you retrieve the currentUser.uid before setting up your this.afDB.list statement.

Answer 2

Instead of using

this.postss = this.afDB.list('users/posts').valueChanges();

, try

this.postss = this.afDB.list('users/posts/' + user.uid).valueChanges();

. It's important to make sure you retrieve the currentUser.uid before setting up your this.afDB.list statement.

Answer 3

Answer №2

When it comes to accessing objects in a database, the use of 'list' on its own will retrieve all items within that path.

To be more specific and target certain objects, you can implement a query like this:

this.fireDB.list('users/posts', ref => ref.orderByChild('user_id').equalTo('123')).snapshotChanges().subscribe(res => {

    res.forEach(doc => {
        this.posts.push(doc.payload.val());
        console.log(doc.payload.val()); // This will display the values of each post.
        console.log(doc.key); // This will reveal the ID of the object entry in the database.
    });

});

For instance, the above query retrieves objects from users/posts in the database where user_id is equal to 123.

For further information on angularfire2, check out this link.

Answer 4

When it comes to accessing objects in a database, the use of 'list' on its own will retrieve all items within that path.

To be more specific and target certain objects, you can implement a query like this:

this.fireDB.list('users/posts', ref => ref.orderByChild('user_id').equalTo('123')).snapshotChanges().subscribe(res => {

    res.forEach(doc => {
        this.posts.push(doc.payload.val());
        console.log(doc.payload.val()); // This will display the values of each post.
        console.log(doc.key); // This will reveal the ID of the object entry in the database.
    });

});

For instance, the above query retrieves objects from users/posts in the database where user_id is equal to 123.

For further information on angularfire2, check out this link.

Retrieve the current user's posts using Angular and Firebase

Answer №1

Answer №2

Similar questions

Exploring Angular's ngFor feature in building a dynamic accordion menu that automatically closes one panel and opens another when clicked

Angular 4 and Webpack: Compilation Error

We encountered a surprising character "EOF" in the code. Could it be due to an unescaped "{" in the template? Please use "{{ '{' }}" to properly escape it

TypeScript is unaware that a component receives a necessary prop from a Higher Order Component (HOC)

When transitioning between views in Angular App, it freezes due to the large data response from an HTTP request

The Next.js 14 App Router is encountering a 405 Method Not Allowed error when attempting a POST request in the API route. Interestingly, the same route structure

The functionality of using `import * as firebase from 'firebase'` has been discontinued since the Angular 6 update

Tips for utilizing ng2-dragula and resizing Angular elements efficiently

The best location for storing Typescript files within an ASP.NET Core project

Enhance your Next.js routing by appending to a slug/url using the <Link> component

Element not recognized: <my-company-form-extra> - have you properly registered this component?

Exploring the topic of nested Firestore listeners and effectively managing the process of unsubscribing

The constant LOCALE_ID is always set to en-US and remains unchanged

TypeScript's function types

What is the functionality of input onChange in React when using state management?

Using checkboxes to filter a list within a ReactiveForm can result in a rendering issue

Obtaining the specified cell in a row when a button is clicked

No routes found: Unable to match base href suffix

Exploring Angular: Retrieving a Variable in TypeScript Using a String Passed from HTML

Upgrading from Angular 6 to Angular 7