Angular input value from parent to child component doesn't work

Question

I am trying to do a simple @Input and Angular simply refuses to take the value. I have the parent component, and inside its template I have:

<app-summary-data-row>
    [test] = "'ttt'"
</app-summary-data-row>

In the child component I have:

@Input() test: string;

In the child template I have: {{ test }} the value 'ttt' is simply not displayed. What can be the problem here?

I'm voting to close this question as off-topic because it was my minor bug, typo error. — The Outstanding Question Asker
– The Outstanding Question Asker, Commented Jun 17, 2019 at 9:38

Adrita Sharma · Accepted Answer · 2019-06-03 13:50:36Z

2

Syntax is wrong. Try like this:

<app-summary-data-row  [test]="'ttt'">   
</app-summary-data-row>

answered Jun 3, 2019 at 10:57

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

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

1 Answer 1