Your task is to implement two components that communicate with each other through the parent component:
Requirements
1. Implement a ValueProviderComponent that:
• consist of an input text field (<input type="text" />);
• emits values provided in the input field using an EventEmitter object called typedValue.
2. Implement a valueReceiver Component that:
• accepts input values as a printValue parameter ([printValue]-"someValue");
• prints printValue value in the template.
3. Implement an AppComponent that:
。 contains ValueProviderComponent and ValueReceiverComponent;
• handles values emitted by the valueProviderComponent and passes them as input to the valueReceiverComponent.
Before you start The initial solution provides you with a three-component skeleton. ([printValue]="someValue");
• prints printValue value in the template.
3. Implement an AppComponent that:
• contains ValueProviderComponent and ValueReceiverComponent;
• handles values emitted by the valueProviderComponent and passes them as input to the valueReceiverComponent.
Before you start
The initial solution provides you with a three-component skeleton. Your task is to implement their templates and logic.
You can use console.log for debugging purposes. Tests are not verifying if the console is clear.
Environment
The task should ne completed usingnthe following sofware/library version:
• Angular 11.2.3 • Typescript 4.1.2 • Node 15.10.0
Requirements
1. Implement a ValueProviderComponent that:
• consist of an input text field (<input type="text" />);
• emits values provided in the input field using an EventEmitter object called typedValue.
2. Implement a valueReceiver Component that:
• accepts input values as a printValue parameter ([printValue]-"someValue");
• prints printValue value in the template.
3. Implement an AppComponent that:
。 contains ValueProviderComponent and ValueReceiverComponent;
• handles values emitted by the valueProviderComponent and passes them as input to the valueReceiverComponent.
Before you start The initial solution provides you with a three-component skeleton. ([printValue]="someValue");
• prints printValue value in the template.
3. Implement an AppComponent that:
• contains ValueProviderComponent and ValueReceiverComponent;
• handles values emitted by the valueProviderComponent and passes them as input to the valueReceiverComponent.
Before you start
The initial solution provides you with a three-component skeleton. Your task is to implement their templates and logic.
You can use console.log for debugging purposes. Tests are not verifying if the console is clear.
Environment
The task should ne completed usingnthe following sofware/library version:
• Angular 11.2.3 • Typescript 4.1.2 • Node 15.10.0
