Skip to content

brainfood / rivets

Go to a project
Toggle navigation
Toggle navigation pinning
0edcdf80 by Michael Richards
Options

Add some brief documentation on computed property declarations.

1 parent 5f80b1d4
Inline Side-by-side
Showing 1 changed file with 6 additions and 0 deletions
...@@ -119,6 +119,12 @@ If your model object encapsulates it's attributes (e.g. `model.attributes` for B ...@@ -119,6 +119,12 @@ If your model object encapsulates it's attributes (e.g. `model.attributes` for B
119 119
120 Just use `model:property` instead of `model.property` inside your binding declaration and Rivets.js will bypass the adapter completely and access that property as it's defined on the object root. This obviously won't sync any changes, but that is by design in this case as these properties should be mostly static and used in conjunction with other "dynamic" properties. 120 Just use `model:property` instead of `model.property` inside your binding declaration and Rivets.js will bypass the adapter completely and access that property as it's defined on the object root. This obviously won't sync any changes, but that is by design in this case as these properties should be mostly static and used in conjunction with other "dynamic" properties.
121 121
122 #### Computed Properties
123
124 Computed properties are functions that get re-evaluated when one or more dependent properties change. Declaring computed properties in Rivets.js is simple, just separate the function from it's dependencies with a `>`. The following `data-text` binding will get re-evaluated with `event.duration()` when either the event's `start` or `end` attribute changes.
125
126 <span data-text="event:duration > start end"></span>
127
122 #### Iteration Binding 128 #### Iteration Binding
123 129
124 Even though a binding routine for `each-item` will likely be included in Rivets.js, you can use the `data-html` binding along with a set of formatters in the interim to do sorting and iterative rendering of collections (amongst other cool things). 130 Even though a binding routine for `each-item` will likely be included in Rivets.js, you can use the `data-html` binding along with a set of formatters in the interim to do sorting and iterative rendering of collections (amongst other cool things).
......