<strong>What will be the output for the following code?</strong>

import { Component, Input } from '@angular/core';

//child component

@Component({
selector: 'app-child',
template: '{{ message }}'
})
export class ChildComponent {
@Input() message: string;
}

//parent component

@Component({
selector: 'app-parent',
template: '&lt;app-child [message]="text"&gt;&lt;/app-child&gt;'
})
export class ParentComponent {
text = 'Hello from parent!';
}