Passing an object from an Angular 2 component to a custom directive

Question

I have to pass a map (not a primitive - that works fine) from angular 2 component into a custom directive, but just keep getting a string - "[object Map]"

TS:

differences : Map<string,ObjectDifference>

HTML:

<input  type='text' differences={{differences}}> // I feel that's where the problem is

Directive code:

@Input('differences') differences : Map<string,ObjectDifference>

Value in directive at runtime:

differences: "[object Map]"

https://stackoverflow.com/questions/43633452/when-to-use-square-brackets-in-directives-inputs-and-when-not — Phix, Aug 31 '21 at 17:02
Thank You, Mike, yes, that works - just posted my own answer - did not see yours — Yuri Gridin, Aug 31 '21 at 17:10

score 0 · Answer 1 · answered Aug 31 '21 at 17:08

0

And of course the right html is simply :

[differences]="differences"

answered Aug 31 '21 at 17:08

Yuri Gridin

469
5
6

Passing an object from an Angular 2 component to a custom directive

1 Answers1