How can I pass an array as Input() from the component template?

Question

I need to pass an array of values to a component using binding, e.g.

@Component({
    selector: \'my-component\',
    template: \'


        
      

Answer 1

You need to wrap the property with [] otherwise it is not processed by Angular at all:

[data]="[1, 2, 'test']"

Your example seems to set data from inside the component. This is not how binding works. What you can do with your component is to pass data from the outside to your component.