iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/docs/ts/latest/guide/template-syntax.jade
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">
``` ```
@ -1271,4 +1271,4 @@ code-example(format="" language="html").
.l-main-section .l-main-section
:marked :marked
## What Next? ## What Next?
We’ve completed our survey of Template Syntax. Time to put that knowledge to work as we write our own Components and Directives. We’ve completed our survey of Template Syntax. Time to put that knowledge to work as we write our own Components and Directives.

2
public/docs/ts/latest/guide/user-input.jade
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**