Skip to main content

Command Palette

Search for a command to run...

Activity 32: Angular Library Grid

Published
1 min readView as Markdown
  1. library.model.ts

  1. library.component.ts

  1. library.component.html

  1. library.component.css

Make sure you have myGridItems, gridHeaders, and gridKeys defined in your app.component.ts.

Explanation:

  • Library Structure: We created a library project with a grid component.

  • Input Properties: The @Input() decorator allows you to pass data from your main application to the grid component.

  • Grid Layout: The grid.component.html uses a basic HTML table for the grid structure.

  • Building and Publishing: The ng build and ng publish commands create a distributable library package that you can install in your application.

GITHUB LINK: https://github.com/Gerliedao-ayan/activity32

FIREBASE LINK: https://activity32-ed726.web.app/