Scenario 1
In this scenario, create a component, say component1. A user should be able to enter text in the .html template file of the component. The component should print out the user text to console. Create the component in a scenario1 folder of your project. All files of the component should be inside the scenario1 folder.
Scenario 2
In this scenario, create a component, say component1. A user should be able to enter text in the .html template file of the component. The template should display the text as the user types. Create the task in a scenario2 folder of your project. All files of the component should be inside the scenario2 folder.
Scenario 3 component1.html component1.ts
Component1
Print out to console
Enter text in HTML
component1.html component1.ts Component1
Enter text in HTML. HTML should display entered text as user types
In this scenario, create two components, say component1 and component2. Component1 is a parent of component2. A user should be able to enter text in the .html template file of component1. The template of component2 should display the text. Create the task in a scenario3 folder of your project. All files of the components should be inside the scenario3 folder.
Scenario 4
component1.html component1.ts Component1
Enter text in HTML.
Component2.html component2.ts Component2
Display text
Parent Of
In this scenario, create two components, say component1 and component2. Component1 is a parent of component2. A user should be able to enter text in the .html template file of component2. The template of component1 should display the text. Create the task in a scenario4 folder of your project. All files of the components should be inside the scenario4 folder.
Scenario 5
component1.html component1.ts Component1
Enter text in HTML.
Component2.html component2.ts Component2 Display text
Parent Of
In this scenario, create three components, say component1, component2, and component3. Component1 is a parent of component2, and component2 is a parent of component3. component1.html component1.ts Component1
component2.html component2.ts Component2 Display text
Parent Of
Enter text in HTML.
component3.html component3.ts Component3 Parent Of
A user should be able to enter text in the .html template file of component3. The template of component1 (grandparent) should display the text. Create the task in a scenario5 folder of your project. All files of the components should be inside the scenario5 folder.
Scenario 6
In this scenario, create three components, say component1, component2, and component3. Component1 is a parent of both component2 and component3. A user should be able to enter text in the .html template file of component1. The template of component3 (sibling) should display the text. Create the task in a scenario6 folder of your project. All files of the components should be inside the scenario6 folder.