Angular4 @Input() vs Component.inputs array

Question

From my understanding using

@Input() name: string;

And using the inputs array in the Component decorator as follows

@Component({
            ...
            inputs: ['bankName', 'id: account-id']
          })

Is basically the same. They both specify a binding input attribute on the component/directive element. Is there any difference between the two? If so whats the difference and when should each of them be used?

Bohdan Khodakivskyi · Accepted Answer · 2017-11-27 12:11:13Z

4

As per official style guide:

Do use the @Input() and @Output() class decorators instead of the inputs and outputs properties of the @Directive and @Component metadata

Answering your question there is no real difference between two approaches rather than readability and maintainability of your code. It's common practice to avoid using inputs and outputs properties.

answered Nov 27, 2017 at 12:11

Bohdan Khodakivskyi

6325 silver badges14 bronze badges

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

1 Comment

TKDev Over a year ago

Thanks should of went straight to the style guide instead of trying to search for this on google.

Collectives™ on Stack Overflow

Angular4 @Input() vs Component.inputs array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related