Angular April

<< Day 5 >>

Design & Layout Project 3 Components

Goals

• Identify reusable sub-components for project
• Create sub-components
• Pass data into a component
• Improve page layout and design

Notes:

Adding Properties to a Component

In component.ts:

• add "Input" to imports
• add "inputs: []" to the @Component decorator (with the list of property names you plan to add...)
• (optional) you can set default values in the export class section

In the component.html:

• add the property name & value to the component tag (myProperty="myValue")

Resources

• Material Design for Angular (Doumentation on available components and themes)

More Help

Share your project, ask questions, or help someone else on the Angular April - Facebook group page.

If you have a comment or suggestion for "Angular April" then send and email to: KarenFreemanSmith@gmail.com with the subject line: "Angular April".