Lets Start

Angular Material

H.W

Create a Student List with registration form.

 

Data type:

Name, Age, Class (Autocomplete), Section (Radio), Roll No., Birth of Date

 

Create a List view with Students Data with group of Class Name with Subheader. In each List item there will be Student Name and Roll No.

• On click on each list item there will show a Dialog box with the Student Details.
• On Swipe to left the Item will delete with a Confirmation Dialog. After delete item a Toaster will show with delete confirmation text.

 

On top of the list there will be a Toolbar with Search Icon Button and Add Icon Button with Tooltip.

• Click on Search Button an Input field will show with placeholder "Search Student". Search with Student Name or Roll No. and the list will change with result.
• Click on Add Button There will show a Dialog Box with Student Registration form. After Add a student the item will add on the list.

 

N.B: all Student mock Data as a JSON type object in Controller. All button must have aria-label