Unable to retrieve data from Meteor find query

Question

Unable to retrieve data from Meteor find query

I have a collection created in collections.js

portfolioItems = new Mongo.Collection('portfolioitems');

This collection is then subscribed to in subscriptions.js

Meteor.subscribe('portfolioitems');

And published in publications.js

Meteor.publish('portfolioitems',function(){
    return portfolioItems.find();
});

When I query Mongo from the server using db.portfolioitems.find(), it returns:

{ "_id" : "W9AeauCpMgPw2j5hf", "title" : "Commercial Design", "slug" : "commercial-design", "image" : "" }

However, when I try to find this item from the client or iron-router, the find method returns nothing. For example:

portfolioItems.find({'_id':'W9AeauCpMgPw2j5hf'});

Returns a LocalCollection.Cursor with undefined key values:

_selectorId: undefined

_transform: null

collection: LocalCollection

fields: undefined

limit: undefined

The findOne method works and returns the document:

portfolioItems.findOne({'_id':'W9AeauCpMgPw2j5hf'})

Object { "_id" : "W9AeauCpMgPw2j5hf", "title" : "Commercial Design", "slug" : "commercial-design", "image" : "" }

My challenge is returning all items with the same title. Using findOne() for this isn't suitable.

What could be the issue here?

javascript mongodb meteor iron-router

Answer 1

Answer №1

The issue arose due to the discrepancies in iron-router's data object. My initial attempt with iron-router was:

waitOn:function(){

    return [Meteor.subscribe('projectsportfolio'),Meteor.subscribe('portfoliocategories')];

}
data:function(){
    currentSlug = this.params.category;
    currentCategory = projectsPortfolio.find({slug:currentSlug});
    if(typeof currentCategory != 'undefined'){
        return currentCategory
    }
}

However, this approach only resulted in a cursor output as pointed out by @David Weldon. The correct resolution is:

data:function(){
    currentSlug = this.params.category;
    currentCategory = projectsPortfolio.find({slug:currentSlug}).fetch();
    if(typeof currentCategory != 'undefined'){
        return currentCategory
    }
}

Now, currentCategory will be an array of objects that can be iterated through in my template like so:

{{#each currentCategory}}
    {{keyvalue}}
{{/each}}

Answer 2

The issue arose due to the discrepancies in iron-router's data object. My initial attempt with iron-router was:

waitOn:function(){

    return [Meteor.subscribe('projectsportfolio'),Meteor.subscribe('portfoliocategories')];

}
data:function(){
    currentSlug = this.params.category;
    currentCategory = projectsPortfolio.find({slug:currentSlug});
    if(typeof currentCategory != 'undefined'){
        return currentCategory
    }
}

However, this approach only resulted in a cursor output as pointed out by @David Weldon. The correct resolution is:

data:function(){
    currentSlug = this.params.category;
    currentCategory = projectsPortfolio.find({slug:currentSlug}).fetch();
    if(typeof currentCategory != 'undefined'){
        return currentCategory
    }
}

Now, currentCategory will be an array of objects that can be iterated through in my template like so:

{{#each currentCategory}}
    {{keyvalue}}
{{/each}}

Unable to retrieve data from Meteor find query

Answer №1

Similar questions

Find the string "s" within a div element aligned vertically, using Popper

Reviewing and Implementing React and Material-UI Autocomplete for Selecting Multiple

Dealing with errors in Next.js api: Best practices

Retrieving values from nested arrays in Vue.js

Adjusting the color of a box in Threejs through dat.gui.min.js controls

Ways to showcase Switch/Case in two separate drop-down menus

What is the best way to retrieve a previously used jQuery function?

A ReferenceError was thrown because angular is not defined within the angular-moment.js script

VueJS together with Firebase: The guide to password validation

I'm experiencing issues with event.preventDefault() not functioning properly when used within a contenteditable div

What's the best way to manage the onClick event for individual input submit types using jQuery?

Employing the `instanceof` operator on instances generated by constructors from complex npm dependencies

Open boxes with walls that don't create shadows

Creating an AJAX URL in an external JavaScript file within a Django project

In PHP forms, ensure that only completed textboxes are submitted and empty textboxes are discarded

Creating a recursive function using NodeJS

Struggling to implement a vertical scroll bar in HTML code?

Conserving node.js native imports for Electron with rollup

Adjust the size of the text within the div element as needed

Tips for importing a .geojson document in TypeScript using webpack?