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 :marked
Notice that it forced mixed-case ""text**C**ontent" to lowercase "text**c**ontent". 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: with a dash before each uppercase letter. We can correct the example as follows:
``` ```
<!-- Lower Snake Case --> <!-- Lower Kebab Case -->
<label [text-content] = "title"> <label [text-content] = "title">
<hero-detail [is-active] = "isActive"> <hero-detail [is-active] = "isActive">
``` ```

View File

@ -159,7 +159,7 @@ figure.image-display
The browser forces all attribute and element names to lowercase, turning what would be `#newHero` 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. 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. to `newHero` for template expressions ... which is exactly what we want.
### **newHero refers to the `<input>` element** ### **newHero refers to the `<input>` element**