Skip to content

Commit 160a8b4

Browse files
MeAkibatscott
authored andcommitted
docs: fix wrong line highlights
Corrects incorrect line highlighting in code examples so the highlighted lines match the intended sections being explained.
1 parent 8a7cbd4 commit 160a8b4

1 file changed

Lines changed: 7 additions & 7 deletions

File tree

adev/src/content/guide/components/inputs.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ TIP: If you're familiar with other web frameworks, input properties are similar
77
When 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]}
1111
import {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

6464
The `input` function returns an `InputSignal`. You can read the value by calling the signal:
6565

66-
```ts {highlight:[5]}
66+
```ts {highlight:[11]}
6767
import {Component, input, computed} from '@angular/core';
6868

6969
@Component({
@@ -84,7 +84,7 @@ Signals created by the `input` function are read-only.
8484

8585
You 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

177177
You 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

294294
You 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

317317
You 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

350350
You 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

Comments
 (0)