diff --git a/README.md b/README.md index 64096b5..7b134b2 100644 --- a/README.md +++ b/README.md @@ -93,7 +93,7 @@ enumeration section. If a section key returns a function, it will be called and passed both the unrendered block of text and a renderer convenience function. -Given this JS: +Given this object: "name": "Tater", "bolder": function() { @@ -115,39 +115,36 @@ to implement caching, filters (like syntax highlighting), etc. You can use `this.name` to access the attribute `name` from your view. -### Dereferencing Section +### Dereferencing Sections -If you have a nested object structure in your view, it can sometimes be easier -to use sections like this: +If your data has components that are logically grouped into nested objects, +you may wish to dereference an object to access its values. - var objects = { - a_object: { - title: 'this is an object', - description: 'one of its attributes is a list', - a_list: [{label: 'listitem1'}, {label: 'listitem2'}] +Given this object: + + { + "name": "Bill", + "address": { + "street": "801 Streetly street", + "city": "Boston", + "state": "MA", + "zip" "02101" } - }; + } + +And this template: + +

Contact: {{name}}

+ {{#address}} +

{{street}}

+

{{city}}, {{state}} {{zip}}

+ {{/address}} + +We'll get this output: -This is our template: - - {{#a_object}} -

{{title}}

-

{{description}}

- - {{/a_object}} - -Here is the result: - -

this is an object

-

one of its attributes is a list

- +

Contact: Bill

+

801 Streetly street

+

Boston, MA 02101

### Inverted Sections