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?

Answer 1

Syntax is wrong. Try like this:

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