diff --git a/public/docs/ts/latest/guide/lifecycle-hooks.jade b/public/docs/ts/latest/guide/lifecycle-hooks.jade index 0da9407b5d..f265f64cac 100644 --- a/public/docs/ts/latest/guide/lifecycle-hooks.jade +++ b/public/docs/ts/latest/guide/lifecycle-hooks.jade @@ -15,29 +15,6 @@ figure A directive has the same set of lifecycle hooks, minus the hooks that are specific to component content and views.
-<<<<<<< 93d3db1fd4f61c9c6078b2000dea164c87fa071c -+ifDocsFor('ts|js') - :marked - ## Contents - - * [Component lifecycle hooks overview](#hooks-overview) - * [Lifecycle sequence](#hooks-purpose-timing) - * [Interfaces are optional (technically)](#interface-optional) - * [Other Angular lifecycle hooks](#other-lifecycle-hooks) - * [Lifecycle examples](#the-sample) - * [Peek-a-boo: all hooks](#peek-a-boo) - * [Spying OnInit and OnDestroy](#spy) - * [OnInit](#oninit) - * [OnDestroy](#ondestroy) - * [OnChanges](#onchanges) - * [DoCheck](#docheck) - * [AfterView](#afterview) - * [Abide by the unidirectional data flow rule](#wait-a-tick) - * [AfterContent](#aftercontent) - * [Content projection](#content-projection) - * [AfterContent hooks](#aftercontent-hooks) - * [No unidirectional flow worries with _AfterContent_](#no-unidirectional-flow-worries) -======= :marked ## Contents @@ -58,7 +35,6 @@ figure * [Content projection](#content-projection) * [AfterContent hooks](#aftercontent-hooks) * [No unidirectional flow worries with _AfterContent_](#no-unidirectional-flow-worries) ->>>>>>> chore: remove dart remains :marked Try the . @@ -93,7 +69,7 @@ table(width="100%") th Hook th Purpose and Timing - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngOnChanges() td :marked @@ -102,7 +78,7 @@ table(width="100%") Called before `ngOnInit()` and whenever one or more data-bound input properties change. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngOnInit() td :marked @@ -111,7 +87,7 @@ table(width="100%") Called _once_, after the _first_ `ngOnChanges()`. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngDoCheck() td :marked @@ -119,7 +95,7 @@ table(width="100%") Called during every change detection run, immediately after `ngOnChanges()` and `ngOnInit()`. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngAfterContentInit() td :marked @@ -129,7 +105,7 @@ table(width="100%") _A component-only hook_. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngAfterContentChecked() td :marked @@ -139,7 +115,7 @@ table(width="100%") _A component-only hook_. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngAfterViewInit() td :marked @@ -149,7 +125,7 @@ table(width="100%") _A component-only hook_. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngAfterViewChecked() td :marked @@ -159,7 +135,7 @@ table(width="100%") _A component-only hook_. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td ngOnDestroy td :marked @@ -216,13 +192,13 @@ table(width="100%") tr th Component th Description - tr(style=vertical-align:top) + tr(style='vertical-align:top') td Peek-a-boo td :marked Demonstrates every lifecycle hook. Each hook method writes to the on-screen log. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td Spy td :marked @@ -232,33 +208,33 @@ table(width="100%") This example applies the `SpyDirective` to a `
` in an `ngFor` *hero* repeater managed by the parent `SpyComponent`. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td OnChanges td :marked See how Angular calls the `ngOnChanges()` hook with a `changes` object every time one of the component input properties changes. Shows how to interpret the `changes` object. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td DoCheck td :marked Implements an `ngDoCheck()` method with custom change detection. See how often Angular calls this hook and watch it post changes to a log. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td AfterView td :marked Shows what Angular means by a *view*. Demonstrates the `ngAfterViewInit` and `ngAfterViewChecked` hooks. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td AfterContent td :marked Shows how to project external content into a component and how to distinguish projected content from a component's view children. Demonstrates the `ngAfterContentInit` and `ngAfterContentChecked` hooks. - tr(style=vertical-align:top) + tr(style='vertical-align:top') td Counter td :marked diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade index 6b3cc25c14..f23aa7e2c6 100644 --- a/public/docs/ts/latest/tutorial/toh-pt5.jade +++ b/public/docs/ts/latest/tutorial/toh-pt5.jade @@ -531,7 +531,7 @@ code-example(format="nocode"). Migrate the template to its own file called hero-detail.component.html: -+makeExample('toh-5/ts/src/app/hero-detail.component.html', 'src/app/hero-detail.component.html') ++makeExample('toh-5/ts/src/app/hero-detail.component.html', null, 'src/app/hero-detail.component.html') :marked Update the component metadata with a `templateUrl` pointing to the template file that you just created.