(docs) glossary - add alphabet links & "Lifecycle Hooks"

This commit is contained in:
Ward Bell 2015-11-24 11:53:54 -08:00
parent 412d3b5e59
commit 05caaf987e
1 changed files with 49 additions and 0 deletions

View File

@ -16,7 +16,11 @@
and a few less familiar ones that have unusual or and a few less familiar ones that have unusual or
unexpected definitions. unexpected definitions.
[A](#A) [B](#B) [C](#C) [D](#D) [E](#E) [F](#F) [G](#G) [H](#H) [I](#I)
[J](#J) [K](#K) [L](#L) [M](#M) [N](#N) [O](#O) [P](#P) [Q](#Q) [R](#R)
[S](#S) [T](#T) [U](#U) [V](#V) [W](#W) [X](#X) [Y](#Y) [Z](#Z)
.l-main-section .l-main-section
<a id="A"></a>
:marked :marked
## Annotation ## Annotation
.l-sub-section .l-sub-section
@ -35,6 +39,7 @@
an Attribute Directive. an Attribute Directive.
.l-main-section .l-main-section
<a id="B"></a>
:marked :marked
## Binding ## Binding
.l-sub-section .l-sub-section
@ -59,6 +64,7 @@
.l-main-section .l-main-section
<a id="C"></a>
:marked :marked
## Component ## Component
.l-sub-section .l-sub-section
@ -79,6 +85,7 @@
the Component in the role of "Controller" or "View Model". the Component in the role of "Controller" or "View Model".
.l-main-section .l-main-section
<a id="D"></a>
:marked :marked
## Data Binding ## Data Binding
.l-sub-section .l-sub-section
@ -232,6 +239,7 @@
elements and their children. elements and their children.
.l-main-section .l-main-section
<a id="E"></a>
:marked :marked
## ECMAScript ## ECMAScript
.l-sub-section .l-sub-section
@ -274,6 +282,10 @@
See [ECMAScript](#ecmascript). See [ECMAScript](#ecmascript).
.l-main-section .l-main-section
<a id="F"></a>
<a id="G"></a>
<a id="H"></a>
<a id="I"></a>
:marked :marked
## Injector ## Injector
.l-sub-section .l-sub-section
@ -311,6 +323,32 @@
[Template Syntax](./template-syntax.html#interpolation) chapter. [Template Syntax](./template-syntax.html#interpolation) chapter.
.l-main-section .l-main-section
<a id="J"></a>
<a id="K"></a>
<a id="L"></a>
:marked
## Lifecycle Hooks
[Directives](#directive) and [Components](#component) have a lifecycle
managed by Angular as it creates, updates and destroys them.
Developers can tap into key moments in that lifecycle by implementing
one or more of the "Lifecycle Hook" interfaces which are (in the order invoked):
* `OnChanges` - called when [input](#input)/[output](#output) binding values change
* `OnInit` - after the first `OnChanges`
* `DoCheck` - developer's custom change detection
* `AfterContentInit` - after component content initialized
* `AfterContentChecked` - after every check of component content
* `AfterViewInit` - after component's view(s) are initialized
* `AfterViewChecked` - after every check of a component's view(s)
* `OnDestroy` - just before the directive is destroyed.
.alert.is-critical.
These are the alpha names;
we anticipate that they will be prefixed with <code>ng-</code> in the beta release.
.l-main-section
<a id="M"></a>
<a id="N"></a>
<a id="O"></a>
:marked :marked
## Output ## Output
.l-sub-section .l-sub-section
@ -323,6 +361,7 @@
See the [Template Syntax](./template-syntax.html#inputs-outputs) chapter. See the [Template Syntax](./template-syntax.html#inputs-outputs) chapter.
.l-main-section .l-main-section
<a id="P"></a>
:marked :marked
## Pipe ## Pipe
.l-sub-section .l-sub-section
@ -354,6 +393,8 @@
See [Dependency Injection](#dependency-injection) chapter to learn more. See [Dependency Injection](#dependency-injection) chapter to learn more.
.l-main-section .l-main-section
<a id="Q"></a>
<a id="R"></a>
:marked :marked
## Router ## Router
.l-sub-section .l-sub-section
@ -368,6 +409,7 @@
of views. of views.
.l-main-section .l-main-section
<a id="S"></a>
:marked :marked
## Structural Directive ## Structural Directive
.l-sub-section .l-sub-section
@ -380,6 +422,7 @@
good examples in this category. good examples in this category.
.l-main-section .l-main-section
<a id="T"></a>
:marked :marked
## Template ## Template
.l-sub-section .l-sub-section
@ -426,6 +469,8 @@
Learn more about TypeScript on its [website](http://www.typescriptlang.org/). Learn more about TypeScript on its [website](http://www.typescriptlang.org/).
.l-main-section .l-main-section
<a id="U"></a>
<a id="V"></a>
:marked :marked
## View ## View
.l-sub-section .l-sub-section
@ -443,6 +488,10 @@
under the control of a [router](#rounter). under the control of a [router](#rounter).
.l-main-section .l-main-section
<a id="W"></a>
<a id="X"></a>
<a id="Y"></a>
<a id="Z"></a>
:marked :marked
## Zone ## Zone
.l-sub-section .l-sub-section