Pass parameter to child component Angular

Question

When I pass object to child component from parent - it comes converted to string

<m-tank-add fuelTypes="{{this.fuelTypes}}" count="{{count}}"></m-tank-add>
 @Input() fuelTypes: Array<FuelTypeModel>;
 @Input() count: number;

count comes as "5" and fuelTypes as "[object Object],[object Object],[object Object],[object Object],[object Object]"

How can I pass parameters so they wouldn't be converted to string?

@yurzui You should make that an answer – Vlad274 Sep 11 '18 at 14:27 — Vlad274, Sep 11 '18 at 14:27

score 2 · Accepted Answer · answered Sep 11 '18 at 14:45

2

You should be using property binding through square brackets since with interpolation value is stringified:

[fuelTypes]="fuelTypes"

1 Answers1