Skip to content

Commit 9d1fab8

Browse files
authored
Merge pull request ember-learn#369 from chrisrng/patch-1
fix(syntax conversion guide): code samples tweaks
2 parents be4e09c + 2b9a692 commit 9d1fab8

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

guides/v3.7.0/reference/syntax-conversion-guide.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ The [Angle Bracket Syntax](https://github.com/emberjs/rfcs/blob/master/text/0311
99

1010
**Angle Bracket Syntax:**
1111
```handlebars
12-
<SiteHeader @user={{this.user}} class={{if this.user.isAdmin "admin"}} />
12+
<SiteHeader @user={{this.user}} @class={{if this.user.isAdmin "admin"}} />
1313
```
1414

1515
Consider the example above, the `site-header` component is represented in both the Classical Invocation and Angle Bracket syntax to illustrate the differences between them.
@@ -45,9 +45,9 @@ You can apply regular HTML attributes like `class`, `id`, `aria-role`, etc. when
4545

4646
**Angle Bracket Syntax:**
4747
```handlebars
48-
<SuperSelect @selected={{this.user.country}} as |Option|>
48+
<SuperSelect @selected={{this.user.country}} as |s|>
4949
{{#each this.availableCountries as |country|}}
50-
<Option @value={{country}}>{{country.name}}</Option>
50+
<s.option @value={{country}}>{{country.name}}</s.option>
5151
{{/each}}
5252
</SuperSelect>
5353
```

0 commit comments

Comments
 (0)