docs(templates/directives): fixes several typos

Closes #674
This commit is contained in:
Pascal Precht 2015-02-15 19:57:09 +01:00 committed by Misko Hevery
parent a002ed1183
commit 2dcddcfb4a
2 changed files with 5 additions and 13 deletions

View File

@ -223,11 +223,7 @@ Example:
## Property Binding
<<<<<<< HEAD
Binding application model data to the UI is the most common kind of bindings in an Angular application. The bindings
=======
Binding application model data to the UI is the most common type of binding in an Angular application. The bindings
>>>>>>> upstream/pr/666
are always in the form of `property-name` which is assigned an `expression`. The generic form is:
<table>
@ -258,11 +254,7 @@ its value.
Key points:
* The binding is to the element property not the element attribute.
<<<<<<< HEAD
* To prevent custom element from accidentally reading the literal `expression` on the title element, the attribute name
=======
* To prevent a custom element from accidentally reading the literal `expression` on the title element, the attribute name
>>>>>>> upstream/pr/666
is escaped. In our case the `title` is escaped to `[title]` through the addition of square brackets `[]`.
* A binding value (in this case `user.firstName` will always be an expression, never a string literal)

View File

@ -60,7 +60,7 @@ The simplest kind of directive is a decorator. Directives are usefull for encaps
* Multiple decorators can be placed on a single element.
* Decorators do not introduce new evaluation context.
* Decorators are registered througt the `@Decorator` meta-data annotation.
* Decorators are registered through the `@Decorator` meta-data annotation.
Here is a trivial example of a tooltip decorator. The directive will log a tooltip into the console on every time mouse enters a region:
@ -71,7 +71,7 @@ Here is a trivial example of a tooltip decorator. The directive will log a toolt
tooltip: 'text' // - DOM element tooltip property should be
}, // mapped to the directive text property.
event: { // List which events need to be mapped.
mouseover: 'show' // - Invoke the show() method ever time
mouseover: 'show' // - Invoke the show() method every time
} // the mouseover event is fired.
})
class Form { // Directive controller class, instantiated
@ -98,7 +98,7 @@ Notice that data binding will work with this decorator with no further effort as
## Components
Component is a directive which uses shadow DOM to create encapsulate visual behavior. Components are tipically used to create UI widgets or to break up the application into smaller components.
Component is a directive which uses shadow DOM to create encapsulate visual behavior. Components are typically used to create UI widgets or to break up the application into smaller components.
* Only one component can be present per DOM element.
* Component's CSS selectors usually trigger on element names. (Best practice)
@ -264,7 +264,7 @@ Injecting other directives into directives follows a similar mechanism as inject
There are five kinds of visibilities:
* (no annotation): Inject a directives only if it is on the current element.
* (no annotation): Inject dependant directives only if they are on the current element.
* `@ancestor`: Inject a directive if it is at any element above the current element.
* `@parent`: Inject a directive which is direct parent of the current element.
* `@child`: Inject a list of direct children which match a given type. (Used with `Query`)
@ -337,4 +337,4 @@ Shadow DOM provides an encapsulation for components, so as a general rule it doe
## Further Reading
* [Composition](http://en.wikipedia.org/wiki/Object_composition)
* [Composition over Inheritance](http://en.wikipedia.org/wiki/Composition_over_inheritance)
* [Composition over Inheritance](http://en.wikipedia.org/wiki/Composition_over_inheritance)