@@ -252,8 +252,7 @@ table(width="100%")
252
252
for components and directives.
253
253
254
254
For [inputs and outputs](../guide/template-syntax.html#inputs-outputs),
255
- we use [`@Input`](../api/core/index/Input-var.html)
256
- and [`@Output`](../api/core/index/Output-var.html) property decorators.
255
+ we use `@Input` and `@Output` property decorators.
257
256
They may optionally specify input and output binding names if we want them to be
258
257
different from the class property names.
259
258
@@ -351,10 +350,10 @@ table(width="100%")
351
350
352
351
We can attach additional decorators to constructor parameters
353
352
to qualify the injection behavior. We can mark
354
- optional dependencies with the [`@Optional`](../api/core/index/Optional-var .html),
355
- inject host element attributes with [`@Attribute`](../api/core/index/Attribute-var .html),
356
- inject content child queries with [`@Query `](../api/core/index/Query-var .html)
357
- and inject view child queries with [`@ViewQuery `](../api/core/index/ViewQuery-var .html)).
353
+ optional dependencies with the [`@Optional`](../api/core/index/Optional-decorator .html),
354
+ inject host element attributes with [`@Attribute`](../api/core/index/Attribute-interface .html),
355
+ inject content child queries with [`@ContentChild `](../api/core/index/ContentChild-decorator .html)
356
+ and inject view child queries with [`@ViewChild `](../api/core/index/ViewChild-decorator .html)).
358
357
359
358
+ makeExample('cb-ts-to-js/ts/app/hero-di-inject-additional.component.ts' )( format ="." )
360
359
@@ -373,8 +372,8 @@ table(width="100%")
373
372
374
373
:marked
375
374
We can apply other additional parameter decorators such as
376
- [`@Host`](../api/core/index/Host-var .html) and
377
- [`@SkipSelf`](../api/core/index/SkipSelf-var .html) in the same way -
375
+ [`@Host`](../api/core/index/Host-decorator .html) and
376
+ [`@SkipSelf`](../api/core/index/SkipSelf-decorator .html) in the same way -
378
377
by adding `new ng.core.Host()` or `ng.core.SkipSelf()` in the
379
378
parameters array.
380
379
@@ -398,9 +397,9 @@ table(width="100%")
398
397
### Host Decorators
399
398
400
399
We can use host property decorators to bind a host element to a component or directive.
401
- The [`@HostBinding`](../api/core/index/HostBinding-var .html) decorator
400
+ The [`@HostBinding`](../api/core/index/HostBinding-interface .html) decorator
402
401
binds host element properties to component data properties.
403
- The [`@HostListener`](../api/core/index/HostListener-var .html) decorator bimds
402
+ The [`@HostListener`](../api/core/index/HostListener-interface .html) decorator bimds
404
403
host element events to component event handlers.
405
404
406
405
+ makeExample('cb-ts-to-js/ts/app/heroes-bindings.component.ts' )( format ="." )
@@ -432,16 +431,16 @@ table(width="100%")
432
431
There are several property decorators for querying the descendants of
433
432
a component or directive.
434
433
435
- The [`@ViewChild`](../api/core/index/ViewChild-var .html) and
436
- [`@ViewChildren`](../api/core/index/ViewChildren-var .html) property decorators
434
+ The [`@ViewChild`](../api/core/index/ViewChild-decorator .html) and
435
+ [`@ViewChildren`](../api/core/index/ViewChildren-decorator .html) property decorators
437
436
allow a component to query instances of other components that are used in
438
437
its view.
439
438
440
439
+ makeExample('cb-ts-to-js/ts/app/heroes-queries.component.ts' , 'view' )( format ="." )
441
440
442
441
:marked
443
- The [`@ContentChild`](../api/core/index/ContentChild-var .html) and
444
- [`@ContentChildren`](../api/core/index/ContentChildren-var .html) property decorators
442
+ The [`@ContentChild`](../api/core/index/ContentChild-decorator .html) and
443
+ [`@ContentChildren`](../api/core/index/ContentChildren-decorator .html) property decorators
445
444
allow a component to query instances of other components that have been projected
446
445
into its view from elsewhere.
447
446
0 commit comments