|
|
|
@ -176,16 +176,16 @@ include _util-fns
|
|
|
|
|
operations and supporting declaration syntax.
|
|
|
|
|
|
|
|
|
|
The many forms of binding include:
|
|
|
|
|
* [Interpolation](guide/template-syntax.html#interpolation)
|
|
|
|
|
* [Property Binding](guide/template-syntax.html#property-binding)
|
|
|
|
|
* [Event Binding](guide/template-syntax.html#event-binding)
|
|
|
|
|
* [Attribute Binding](guide/template-syntax.html#attribute-binding)
|
|
|
|
|
* [Class Binding](guide/template-syntax.html#class-binding)
|
|
|
|
|
* [Style Binding](guide/template-syntax.html#style-binding)
|
|
|
|
|
* [Two-way data binding with ngModel](guide/template-syntax.html#ng-model)
|
|
|
|
|
* [Interpolation](/docs/ts/latest/guide/template-syntax.html#interpolation)
|
|
|
|
|
* [Property Binding](/docs/ts/latest/guide/template-syntax.html#property-binding)
|
|
|
|
|
* [Event Binding](/docs/ts/latest/guide/template-syntax.html#event-binding)
|
|
|
|
|
* [Attribute Binding](/docs/ts/latest/guide/template-syntax.html#attribute-binding)
|
|
|
|
|
* [Class Binding](/docs/ts/latest/guide/template-syntax.html#class-binding)
|
|
|
|
|
* [Style Binding](/docs/ts/latest/guide/template-syntax.html#style-binding)
|
|
|
|
|
* [Two-way data binding with ngModel](/docs/ts/latest/guide/template-syntax.html#ng-model)
|
|
|
|
|
|
|
|
|
|
Learn more about data binding in the
|
|
|
|
|
[Template Syntax](guide/template-syntax.html#data-binding) chapter.
|
|
|
|
|
[Template Syntax](/docs/ts/latest/guide/template-syntax.html#data-binding) chapter.
|
|
|
|
|
|
|
|
|
|
// #enddocregion d1
|
|
|
|
|
<a id="decorator"></a> <a id="decoration"></a>
|
|
|
|
@ -275,7 +275,7 @@ include _util-fns
|
|
|
|
|
is when we [bootstrap](#bootstrap) the application.
|
|
|
|
|
There are other opportunities to register as well.
|
|
|
|
|
|
|
|
|
|
Learn more in the [Dependency Injection](guide/dependency-injection.html) chapter.
|
|
|
|
|
Learn more in the [Dependency Injection](/docs/ts/latest/guide/dependency-injection.html) chapter.
|
|
|
|
|
:marked
|
|
|
|
|
## Directive
|
|
|
|
|
.l-sub-section
|
|
|
|
@ -376,11 +376,11 @@ include _util-fns
|
|
|
|
|
.l-sub-section
|
|
|
|
|
:marked
|
|
|
|
|
A directive property that can be the ***target*** of a
|
|
|
|
|
[Property Binding](guide/template-syntax.html#property-binding).
|
|
|
|
|
[Property Binding](/docs/ts/latest/guide/template-syntax.html#property-binding).
|
|
|
|
|
Data values flow *into* this property from the data source identified
|
|
|
|
|
in the template expression to the right of the equal sign.
|
|
|
|
|
|
|
|
|
|
See the [Template Syntax](guide/template-syntax.html#inputs-outputs) chapter.
|
|
|
|
|
See the [Template Syntax](/docs/ts/latest/guide/template-syntax.html#inputs-outputs) chapter.
|
|
|
|
|
|
|
|
|
|
:marked
|
|
|
|
|
## Interpolation
|
|
|
|
@ -397,7 +397,7 @@ include _util-fns
|
|
|
|
|
|
|
|
|
|
:marked
|
|
|
|
|
Learn more about interpolation in the
|
|
|
|
|
[Template Syntax](guide/template-syntax.html#interpolation) chapter.
|
|
|
|
|
[Template Syntax](/docs/ts/latest/guide/template-syntax.html#interpolation) chapter.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a id="J"></a>
|
|
|
|
@ -439,7 +439,7 @@ include _util-fns
|
|
|
|
|
* `ngAfterViewChecked` - after every check of a component's view(s)
|
|
|
|
|
* `ngOnDestroy` - just before the directive is destroyed.
|
|
|
|
|
|
|
|
|
|
Learn more in the [Lifecycle Hooks](guide/lifecycle-hooks.html) chapter.
|
|
|
|
|
Learn more in the [Lifecycle Hooks](/docs/ts/latest/guide/lifecycle-hooks.html) chapter.
|
|
|
|
|
// #enddocregion f-l
|
|
|
|
|
|
|
|
|
|
// #docregion m1
|
|
|
|
@ -472,7 +472,7 @@ include _util-fns
|
|
|
|
|
Application developers may pick any module library that conforms to the standard
|
|
|
|
|
|
|
|
|
|
Modules are typically named after the file in which the exported thing is defined.
|
|
|
|
|
The Angular [DatePipe](https://github.com/angular/angular/blob/master/modules/angular2/src/common/pipes/date_pipe.ts)
|
|
|
|
|
The Angular [DatePipe](https://github.com/angular/angular/blob/master/modules/@angular/common/src/pipes/date_pipe.ts)
|
|
|
|
|
class belongs to a feature module named `date_pipe` in the file `date_pipe.ts`.
|
|
|
|
|
|
|
|
|
|
Developers rarely access Angular feature modules directly.
|
|
|
|
@ -492,11 +492,11 @@ include _util-fns
|
|
|
|
|
.l-sub-section
|
|
|
|
|
:marked
|
|
|
|
|
A directive property that can be the ***target*** of an
|
|
|
|
|
[Event Binding](guide/template-syntax.html#property-binding).
|
|
|
|
|
[Event Binding](/docs/ts/latest/guide/template-syntax.html#property-binding).
|
|
|
|
|
Events stream *out* of this property to the receiver identified
|
|
|
|
|
in the template expression to the right of the equal sign.
|
|
|
|
|
|
|
|
|
|
See the [Template Syntax](guide/template-syntax.html#inputs-outputs) chapter.
|
|
|
|
|
See the [Template Syntax](/docs/ts/latest/guide/template-syntax.html#inputs-outputs) chapter.
|
|
|
|
|
|
|
|
|
|
.l-main-section
|
|
|
|
|
<a id="P"></a>
|
|
|
|
@ -525,7 +525,7 @@ include _util-fns
|
|
|
|
|
code-example(language="html" escape="html").
|
|
|
|
|
<label>Price: </label>{{product.price | currency}}
|
|
|
|
|
:marked
|
|
|
|
|
Learn more in the chapter on [pipes](guide/pipes.html) .
|
|
|
|
|
Learn more in the chapter on [pipes](/docs/ts/latest/guide/pipes.html) .
|
|
|
|
|
|
|
|
|
|
:marked
|
|
|
|
|
## Provider
|
|
|
|
@ -552,7 +552,7 @@ include _util-fns
|
|
|
|
|
and taking other similar actions that cause the application to
|
|
|
|
|
replace one view with another.
|
|
|
|
|
|
|
|
|
|
The Angular [Component Router](guide/router.html) is a richly featured mechanism for configuring
|
|
|
|
|
The Angular [Component Router](/docs/ts/latest/guide/router.html) is a richly featured mechanism for configuring
|
|
|
|
|
and managing the entire view navigation process including the creation and destruction
|
|
|
|
|
of views.
|
|
|
|
|
:marked
|
|
|
|
@ -609,7 +609,7 @@ include _util-fns
|
|
|
|
|
the support and continuing guidance of an Angular [Directive](#directive),
|
|
|
|
|
most notably a [Component](#component).
|
|
|
|
|
|
|
|
|
|
We write templates in a special [Template Syntax](guide/template-syntax.html).
|
|
|
|
|
We write templates in a special [Template Syntax](/docs/ts/latest/guide/template-syntax.html).
|
|
|
|
|
|
|
|
|
|
:marked
|
|
|
|
|
## Template Expression
|
|
|
|
@ -617,7 +617,7 @@ include _util-fns
|
|
|
|
|
:marked
|
|
|
|
|
An expression in a JavaScript-like syntax that Angular evaluates within
|
|
|
|
|
a [data binding](#data-binding). Learn how to write template expressions
|
|
|
|
|
in the [Template Syntax](guide/template-syntax.html#template-expressions) chapter.
|
|
|
|
|
in the [Template Syntax](/docs/ts/latest/guide/template-syntax.html#template-expressions) chapter.
|
|
|
|
|
|
|
|
|
|
// #enddocregion t1
|
|
|
|
|
// #docregion t2
|
|
|
|
@ -683,8 +683,7 @@ include _util-fns
|
|
|
|
|
|
|
|
|
|
The browser DOM and JavaScript have a limited number
|
|
|
|
|
of asynchronous activities, activities such as DOM events (e.g., clicks),
|
|
|
|
|
[promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/
|
|
|
|
|
Promise), and
|
|
|
|
|
[promises](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise), and
|
|
|
|
|
[XHR](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest)
|
|
|
|
|
calls to remote servers.
|
|
|
|
|
|
|
|
|
|