angular-contacts-app-example icon indicating copy to clipboard operation
angular-contacts-app-example copied to clipboard

Refactor with @angular/material

Open avatsaev opened this issue 6 years ago • 4 comments

Use material UI instead of bootstrap

https://material.angular.io/components/categories

  • use dark theme with blue colors

  • use mat-card for contact list

  • Reduce margins between lateral border

  • use placeholders in forms

  • use FAB button to ADD

  • remove back button

  • use logo and title as routes to home

avatsaev avatar Mar 29 '19 06:03 avatsaev

I'll take this one

marinok avatar Mar 29 '19 21:03 marinok

we are getting this error

where we need to change url error is:

zone.js:3372 GET http://localhost:4200/contacts 404 (Not Found)

rajendrapan avatar Jun 20 '19 06:06 rajendrapan

Read the manual

avatsaev avatar Jun 20 '19 07:06 avatsaev

Something goes wrong when adding angular material.

$ ng add @angular/material
ℹ Using package manager: npm
✔ Found compatible package version: @angular/[email protected].
✔ Package information loaded.
 
The package @angular/[email protected] will be installed and executed.
Would you like to proceed? Yes
✔ Package successfully installed.
"angular-material-ng-add" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
? Choose a prebuilt theme name, or "custom" for a custom theme: Pink/Blue Grey     [ Preview: https://material.angular.io?theme=pink-bluegrey ]
? Set up global Angular Material typography styles? Yes
? Set up browser animations for Angular Material? Yes
UPDATE package.json (1992 bytes)
✔ Packages installed successfully.
"angular-material-ng-add" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
Could not find (/.angular.json)

semla avatar Oct 12 '21 11:10 semla