Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Meteor Cookbook

You're reading from   Meteor Cookbook Build elegant full-stack web applications with Meteor, the JavaScript framework that's redefining web development

Arrow left icon
Product type Paperback
Published in May 2015
Publisher
ISBN-13 9781783280292
Length 364 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Toc

Table of Contents (14) Chapters Close

Preface 1. Optimizing Your Workflow FREE CHAPTER 2. Customizing with Packages 3. Building Great User Interfaces 4. Creating Models 5. Implementing DDP 6. Mastering Reactivity 7. Using Client Methods 8. Integrating Third-party Libraries 9. Securing Your Application 10. Working with Accounts 11. Leveraging Advanced Features 12. Creating Useful Projects Index

Creating dynamic lists

The Meteor Spacebars syntax supports the rapid development of lists, tables, and other displays of data through the use of template block tags. Used within templates, block tags can quickly add dynamic lists and even customize the look and feel of each element, based on its unique attributes. This recipe will show you how to use the #each block tag to display multiple elements of a collection inside a Blaze template.

Getting ready

We will use the code from the Inserting templates with Spacebars recipe, found in this chapter, as our baseline project.

If you haven't already done so, create and save a new file in your [project root]/client folder called templates.js.

Create and save a new file in your [project root]/both folder called collections.js.

We will want to make one modification to the HTML in the templates.html file. We will change the height of our <svg> element from 200 to 800:

<svg height="800" width="100%" id="shapes&quot...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image