title: access array of objects inside template
body: <p>I make one collection <strong>Recipes</strong> and then define its schema and i have one array of objects <strong>ingredients</strong> in my schema and now i want to access those array of objects in my template but unable to show them can you please guide me how to do it?</p>
  
  <p><strong>collections.js</strong></p>
  
  <pre><code>  Recipes = new Mongo.Collection('recipes');
      Recipes.attachSchema(new SimpleSchema({
          name: {
              type: String,
              label: "Recipe Name",
              max: 100
          },
  
              ingredients: {
                  type: [Object],
                  minCount: 1
              },
  
          "ingredients.$.name": {
          type: String
              },
          "ingredients.$.amount": {
          type: String
          },
          description: {
              type: String,
              label: "How to prepare ",
          },
          time: {
              type: Number,
              label: "Time (Minutes)",
          },
          image: {
              type: String,
  
              autoform: {
                  afFieldInput: {
                      type: "cfs-file",
                      collection: 'recipesImages',
                      label: 'Recipe Picture'
                  }
              }
          }
      }));
  </code></pre>
  
  <p><strong>router.js</strong></p>
  
  <pre><code>Router.route('/show_recipe/:_id', {
      name: 'show_recipe',
      template: 'show_recipe',
      data: function() {
          return Recipes.findOne(this.params._id);
      }
  });
  </code></pre>
  
  <p><strong>show_recipe.html</strong></p>
  
  <pre><code>&lt;template name="show_recipe"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
  
              &lt;div class="col-md-8"&gt;
  
                  {{#with FS.GetFile "recipesImages" image}}
                      &lt;img class="img-responsive mt" src="{{url}}"/&gt;
                  {{/with}}
              &lt;/div&gt;
              &lt;div class="col-md-4" &gt;
                  &lt;ul class="list-group"&gt;
  
                      &lt;h3&gt; Ingredients&lt;/h3&gt;
                          &lt;li class="list-group-item"&gt;{{ingredients.name}} - {{ingredients.amount}}&lt;/li&gt;
                  &lt;/ul&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-8"&gt;
                  &lt;h4&gt;{{name}}&lt;/h4&gt;
                  &lt;p&gt; {{description}}&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>