Angular Fire Store - Issue "No Common Properties Found with type 'GetOptions'."

Question

My goal is to retrieve a specific value from a document. I attempted the following approach:

getAuthorData(){
const test = this.afs.collection('Authors').doc('Test').get('name');
console.log(test);
}

However, I encountered the following error message:

ERROR in src/app/blogdetail/blogdetail.component.ts(55,65): error TS2559: Type '"name"' has no properties in common with type 'GetOptions'.

Answer 1

Answer №1

It is necessary to execute a code similar to

const test = this.afs.doc('Authors/Test').valueChanges();

Next, in your HTML file, you should utilize the async pipe as shown below

{{ (item | async)?.name }}

If you prefer not to use the pipe, you can subscribe to the valueChanges observable. For instance,

this.afs.doc('Authors/Test').valueChanges().subscribe(doc => {
    this.name = doc.name;
}

Answer 2

It is necessary to execute a code similar to

const test = this.afs.doc('Authors/Test').valueChanges();

Next, in your HTML file, you should utilize the async pipe as shown below

{{ (item | async)?.name }}

If you prefer not to use the pipe, you can subscribe to the valueChanges observable. For instance,

this.afs.doc('Authors/Test').valueChanges().subscribe(doc => {
    this.name = doc.name;
}

Answer 3

When using the get method, it's important to provide the getOptions object for better functionality. You can learn more about this here.

var getOptions = {
source: 'cache'
};

If you are trying to retrieve the value of 'name' from a document, you should try the following approach:

this.afs.doc('Authors/'Test').get().then(object =>{
  test = object.get("name");
});

For more information on querying data and retrieving it, check out the documentation here.

Answer 4

When using the get method, it's important to provide the getOptions object for better functionality. You can learn more about this here.

var getOptions = {
source: 'cache'
};

If you are trying to retrieve the value of 'name' from a document, you should try the following approach:

this.afs.doc('Authors/'Test').get().then(object =>{
  test = object.get("name");
});

For more information on querying data and retrieving it, check out the documentation here.