Difference between input: [] and @Input()

Question

I have just started to dabble in the whole child and parent component communication side of things in Angular 4 and I have noticed some older videos use the syntax input: [] rather than the more commonly seen @Input() syntax, is there any difference between the two? And if not, is there a preference?

@diopside I think I mis-understood the usage, all is clear to me now! — user9623870
– user9623870, Commented May 2, 2018 at 14:58

bugs · Accepted Answer · 2018-05-02 14:56:16Z

1

They mean two different things:

@Input() decorator that specifies that a certain property is passed to the current component from the parent component (I.e. @Input() highlightColor: string) - Docs
input: [] component property named input and of type Array - Docs

Notice that @Input() input: [] is perfectly valid syntax.

answered May 2, 2018 at 14:56

bugs

15.4k6 gold badges53 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tiago Machado · Accepted Answer · 2018-05-02 14:56:52Z

0

@Input() is used when you pass some value from a parent component to the component itself.

The input:[] is a normal property with the name input

answered May 2, 2018 at 14:56

Tiago Machado

1704 silver badges12 bronze badges

Collectives™ on Stack Overflow

Difference between input: [] and @Input()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related