Iterating over array returned from HandlebarsHelper

Question

I have two properties in my HBS file. One is a users authorized roles, the 2nd is all the roles available in the database. I send the roles from both to a HBS helper and compare them, if the user has the roles (in the value parameter) I add them to a new array called roleArray, if the user doesn't have the role I add them to the roleArray from the roles in the database array (option parameter).

I don't know how to iterate of the array when it is returned.

file.hbs

{{selected properties.roles properties.user.roles ../stateSelected}}

express-setup.js

hbs.registerHelper('selected', function(option, value){

    var i;
    var j;
    var roleName;
    var userRole;
    var roleArray = [];

    //Roles the user has
    for(i = 0; i < value.length; i++){
        userRole = value[i].rolename;
        roleArray.push(userRole);
    }

    //Roles in the database
    for(j = 0; j < option.length; j++){
        roleName = option[j].rolename;

        if(roleArray.includes(roleName)){
            //Nothing happens
      }else  {
            roleArray.push(roleName);
       }
    }
    return roleArray;     
 });

So what I want to do is iterate through the returned roleArray on the front end and display them. Eventually the helper will return an array of objects including a selected property so that I can show toggle buttons on or off based on if the user has the role or not, but for now just displaying them would be good.

Thanks.

slebetman · Accepted Answer · 2017-01-16 14:45:41Z

2

If your version of handlebars support subexpressions then just do:

{{#each (selected properties.roles properties.user.roles ../stateSelected)}}
    do stuff here
{{/each}}

if not then there is a subexpression helper available on npm that uses the same syntax.

answered Jan 16, 2017 at 14:45

slebetman

115k19 gold badges147 silver badges180 bronze badges

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

Collectives™ on Stack Overflow

Iterating over array returned from HandlebarsHelper

file.hbs

express-setup.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

file.hbs

express-setup.js

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related