Permalink
Browse files

Update

  • Loading branch information...
1 parent 27effd4 commit 8d5b2c5bbdf7714ef587405a23c702a0d459a3a6 @mlynch mlynch committed Jun 20, 2015
Showing with 38 additions and 2 deletions.
  1. +1 −0 .gitignore
  2. +37 −2 templates/index.md
View
@@ -1,2 +1,3 @@
.*.sw*
_site/
+*~
View
@@ -19,8 +19,43 @@ Let's start with a very simple template that shows our name and our favorite thi
{% endraw %}
```
-## Rendering
+## `{}`: Rendering
-To render a string, we can use the standard double-curly syntax:
+To render a value, we can use the standard double-curly syntax:
+```html
+{% raw %}
+My name is {{name}}
+{% endraw %}
+```
+
+Pipes, previously known as "Filters," are still in the process of being fully implemented, but will function pretty
+much the same.
+
+## `[]`: Binding properties
+
+To resolve and bind a variable to a component, use the `[]` syntax:
+
+```html
+<video-control [player]="myPlayer"></video-control>
+```
+
+If the `<video-control>` component has declared the `player` property, it will be accessible in the instance
+of the component's class.
+
+## `()`: Handling events
+
+To listen for an event on a component, we use the `()` stynax
+
+```html
+<my-component (click)="onClick($event)"></my-component>
+```
+
+To use event delegation, where an event on a child will bubble up to the parent, use the `^` before the event name:
+
+```html
+<my-component (^click)="onClick($event)">
+ <button>I bubble up</button>
+</my-component>
+```

0 comments on commit 8d5b2c5

Please sign in to comment.