docs: Change label of case to 'kebab' for attrs

closes #399

The docs refer to `this-style-of-casing` as snake case, but it's
actually "kebab case." Snake case looks `like_this_instead`.

https://en.wikipedia.org/wiki/Letter_case#Special_case_styles
This commit is contained in:
Earl St Sauver 2015-11-21 20:26:28 -08:00 committed by Ward Bell
parent 4b4582cb17
commit 206ce3373d
2 changed files with 4 additions and 4 deletions

View File

@ -372,10 +372,10 @@ code-example(format="", language="html").
:marked
Notice that it forced mixed-case ""text**C**ontent" to lowercase "text**c**ontent".
The solution is to write the target property name in “**lower snake case**”,
The solution is to write the target property name in “**lower kebab case**”,
with a dash before each uppercase letter. We can correct the example as follows:
```
<!-- Lower Snake Case -->
<!-- Lower Kebab Case -->
<label [text-content] = "title">
<hero-detail [is-active] = "isActive">
```
@ -1271,4 +1271,4 @@ code-example(format="" language="html").
.l-main-section
:marked
## What Next?
Weve completed our survey of Template Syntax. Time to put that knowledge to work as we write our own Components and Directives.
Weve completed our survey of Template Syntax. Time to put that knowledge to work as we write our own Components and Directives.

View File

@ -159,7 +159,7 @@ figure.image-display
The browser forces all attribute and element names to lowercase, turning what would be `#newHero`
into `#newhero` (all lowercase). We don't want a `newhero` variable name in our template expressions.
The Angular workaround is to spell the declaration in "snake case". Angular translates "#new-hero"
The Angular workaround is to spell the declaration in "kebab case". Angular translates "#new-hero"
to `newHero` for template expressions ... which is exactly what we want.
### **newHero refers to the `<input>` element**