Angular April

<< Day 4 >>

Design & Layout Project 2 Components

Goals

• Identify reusable sub-components for project
• Create sub-components
• Improve page layout and design

Notes:

To create a new component: ng g component-name

To add component into another component: <app-comoponent-name></app-component-name>

To include a new route, add another path to the array in your app.module.ts: { path: 'path-name', component: ComponentNameComponent }

To link to a component use <a routerLink="/path-name">Link Name<h;/a>

Resources

• Bootstrap Elements
• Source Code for Project 2

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".