@@ -52,7 +52,7 @@ To dispatch an action on specific events such as `key-press`, use the following
52
52
53
53
``` handlebars
54
54
<label for="firstname">First Name</label>
55
- <Input value={{this.firstName}} key-press={{action "updateFirstName" id="firstname"}} />
55
+ <Input @ value={{this.firstName}} @ key-press={{action "updateFirstName" id="firstname"}} />
56
56
```
57
57
58
58
The following event types are supported (dasherized format):
@@ -76,7 +76,7 @@ helper to create a checkbox by setting its `type`:
76
76
77
77
``` handlebars
78
78
<label for="is-admin">Admin: </label>
79
- <Input type="checkbox" name="isAdmin" checked={{this.isAdmin}} id="is-admin"/>
79
+ <Input @ type="checkbox" @ name="isAdmin" @ checked={{this.isAdmin}} id="is-admin"/>
80
80
```
81
81
82
82
Checkboxes support the following properties:
@@ -97,15 +97,15 @@ Checkboxes are a special input type. If you want to dispatch an action on a cert
97
97
98
98
``` handlebars
99
99
<label for="firstname">First Name</label>
100
- <Input type="checkbox" key-press={{action "updateName"}} id="firstname" />
100
+ <Input @ type="checkbox" @ key-press={{action "updateName"}} id="firstname" />
101
101
```
102
102
103
103
104
104
## Text Areas
105
105
106
106
``` handlebars
107
107
<label for="firstname">First Name</label>
108
- <Textarea value={{this.name}} cols="80" rows="6" id="firstname" />
108
+ <Textarea @ value={{this.name}} cols="80" rows="6" id="firstname" />
109
109
```
110
110
111
111
Will bind the value of the text area to ` name ` on the current context.
@@ -136,7 +136,7 @@ You might need to bind a property dynamically to an input if you're building a f
136
136
137
137
``` handlebars
138
138
<label for="firstname">First Name</label>
139
- <Input value={{mut (get this.person this.field)}} id="firstname" />
139
+ <Input @ value={{mut (get this.person this.field)}} id="firstname" />
140
140
```
141
141
142
142
The ` {{get}} ` helper allows you to dynamically specify which property to bind, while the ` {{mut}} ` helper allows the binding to be updated from the input. See the respective helper documentation for more detail.
0 commit comments