Iterating with Handlebars #each over an array of strings in Meteor

Question

I have an array of strings of userId's and iterate through in a template with {{#each}}. However, #each seems to want an object and converts each string into and object like so:

String {0: "T", 1: "e", 2: "2", 3: "s", 4: "y", 5: "D", 6: "g", 7: "G", 8: "d", 9: "K", 10: "e", 11: "i", 12: "i", 13: "Q", 14: "S", 15: "i", 16: "W"}

Pretty annoying. Any ideas how to avoid this issue?

Thanks

The problem is that JavaScript wants this to be an object. — Tobias
– Tobias, Commented Dec 12, 2013 at 16:26

Tobias · Accepted Answer · 2013-12-12 16:25:02Z

4

How about

this.toString()

Might be more robust than String(this).

answered Dec 12, 2013 at 16:25

Tobias

4,0741 gold badge30 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yankeyhotel · Accepted Answer · 2014-02-25 22:12:03Z

1

I had the same problem, and

this.toString()

fixed the problem, but as someone new to Meteor I am curious why this is happening and if this is an acceptable solution for the problem.

Data

client {
    exampleProerty: value,
    projectManagers: [
        userId,
        userId 
    ],
    examleTwo: value
}

Template

{{#each projectManagers}}
    {{> userTemplate}}
{{/each}}

Template Helper

Template.userTemplate.helpers({

user: function() {
    var id = this.toString();
    var user = Meteor.users.findOne({_id: id});
    return user;
}

});

Otherwise, hoped this helped someone else.

answered Feb 25, 2014 at 22:12

yankeyhotel

1964 silver badges18 bronze badges

1 Comment

eordano Over a year ago

This is not a good answer! You're querying the database from your view, adding an additional dependency to your storage. Try to get all information before start rendering.

nwxdev · Accepted Answer · 2020-03-04 01:52:02Z

1

For example, to display a list of items from an array:

// input to template
const shopping_list = [
  'Apples',
  'Oranges',
  'Bread',
  'Peanut Butter'
];

// template.hbs
<ul>
  {{#each shopping_list}}
    <li>{{this}}</li>
  {{/each}}
</ul>

Expected result:

Apples
Oranges
Bread
Peanut Butter

answered Mar 4, 2020 at 1:52

nwxdev

4,8133 gold badges18 silver badges23 bronze badges

Comments

Chet · Accepted Answer · 2013-12-12 09:06:17Z

0

This seems to work:

String(this)

pretty inelegant having to do that though...

answered Dec 12, 2013 at 9:06

Chet

20.1k15 gold badges78 silver badges118 bronze badges

2 Comments

Hubert OG Over a year ago

Also, keep in mind that with this constructor you don't get "real" strings, but string objects. They behave mostly the same, but some common assumptions are broken. For example, typeof "asdf" === "string", but typeof String("asdf") === "object".

Hubert OG Over a year ago

I've just checked the above statement and it appears that typeof String("asdf") === "string" in current Firefox. So that problem is browser dependent - even funnier to debug.

Collectives™ on Stack Overflow

Iterating with Handlebars #each over an array of strings in Meteor

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related