(docs) glossary - add alphabet links & "Lifecycle Hooks"
This commit is contained in:
parent
412d3b5e59
commit
05caaf987e
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue