@@ -7,7 +7,7 @@ TIP: If you're familiar with other web frameworks, input properties are similar
77When you use a component, you commonly want to pass some data to it. A component specifies the data that it accepts by declaring
88** inputs** :
99
10- ``` ts {highlight:[5 ]}
10+ ``` ts {highlight:[8 ]}
1111import {Component , input } from ' @angular/core' ;
1212
1313@Component ({
@@ -63,7 +63,7 @@ When extending a component class, **inputs are inherited by the child class.**
6363
6464The ` input ` function returns an ` InputSignal ` . You can read the value by calling the signal:
6565
66- ``` ts {highlight:[5 ]}
66+ ``` ts {highlight:[11 ]}
6767import {Component , input , computed } from ' @angular/core' ;
6868
6969@Component ({
@@ -84,7 +84,7 @@ Signals created by the `input` function are read-only.
8484
8585You can declare that an input is ` required ` by calling ` input.required ` instead of ` input ` :
8686
87- ``` ts {highlight:[3 ]}
87+ ``` ts {highlight:[6 ]}
8888@Component ({
8989 /* ...*/
9090})
@@ -176,7 +176,7 @@ _presence_ of the attribute indicates a "true" value. However, Angular's `boolea
176176
177177You can specify the ` alias ` option to change the name of an input in templates.
178178
179- ``` ts {highlight:[3 ]}
179+ ``` ts {highlight:[5 ]}
180180@Component ({
181181 /* ...*/
182182})
@@ -293,7 +293,7 @@ TIP: While the Angular team recommends using the signal-based `input` function f
293293
294294You can alternatively declare component inputs by adding the ` @Input ` decorator to a property:
295295
296- ``` ts {highlight:[3 ]}
296+ ``` ts {highlight:[5 ]}
297297@Component ({
298298 /* ...*/
299299})
@@ -316,7 +316,7 @@ The `@Input` decorator accepts a config object that lets you change the way that
316316
317317You can specify the ` required ` option to enforce that a given input must always have a value.
318318
319- ``` ts {highlight:[3 ]}
319+ ``` ts {highlight:[5 ]}
320320@Component ({
321321 /* ...*/
322322})
@@ -349,7 +349,7 @@ function trimString(value: string | undefined) {
349349
350350You can specify the ` alias ` option to change the name of an input in templates.
351351
352- ``` ts {highlight:[3 ]}
352+ ``` ts {highlight:[5 ]}
353353@Component ({
354354 /* ...*/
355355})
0 commit comments