javascript - How to print key and values in Meteor Template? - Stack Overflow

admin管理员组

文章数量:1324788

I have JSON from helper

{
    "Name": "abc",
    "Age": 24,
    "Address" {
        "street" : "xyz street",
        "city" : "zyz city",
        "country" : "XY"
        }
}

I want to print the address with key and values

<template name="User">
{{#with user}}
 Name : {{Name}}
 Age : {{Age}}
    {{#each Address}}
       {{key}} : {{value}} //Here is my question
    {{/each}}
{{/with}}
</template>

How to print key and values in a template?

I have JSON from helper

{
    "Name": "abc",
    "Age": 24,
    "Address" {
        "street" : "xyz street",
        "city" : "zyz city",
        "country" : "XY"
        }
}

I want to print the address with key and values

<template name="User">
{{#with user}}
 Name : {{Name}}
 Age : {{Age}}
    {{#each Address}}
       {{key}} : {{value}} //Here is my question
    {{/each}}
{{/with}}
</template>

How to print key and values in a template?

• javascript
• meteor
• handlebars.js
• meteor-helper

Share Follow edited May 14, 2015 at 10:23 Ramesh Murugesan asked May 14, 2015 at 10:15 Ramesh MurugesanRamesh Murugesan 5,02388 gold badges4343 silver badges7171 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

The {{#each}} block helper only accepts cursors and arrays arguments.

You could override the Address helper to make it return an array instead of an object.

Template.User.helpers({
  Address: function(){
    return _.map(this.Address, function(value, key){
      return {
        key: key,
        value: value
      };
    });
  }
});

You might want to define this utility function as a template helper :

JS

Template.registerHelper("objectToPairs",function(object){
  return _.map(object, function(value, key) {
    return {
      key: key,
      value: value
    };
  });
});

HTML

<template name="User">
  <ul>
    {{#each objectToPairs Address}}
      <li>{{key}} - {{value}}</li>
    {{/each}}
  </ul>
</template>

Changes to be made in JS

var AddressSet=CollectionName.find( {  } );

Changes to be made in HTML

      {{#each AddressSet}}
        {{#each Address}}
              {{this.street}}
              {{this.city}}
              {{this.country}}
       {{/each}}

       {{/each}}

本文标签： javascriptHow to print key and values in Meteor TemplateStack Overflow