GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → VahidN → AngularMaterialLab

VahidN / AngularMaterialLab

Licence: Apache-2.0 license
A collection of tips and tricks about how to use an Angular Material 9x app with an ASP.NET Core app

Programming Languages

typescript
32286 projects
C#
18002 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Batchfile
5799 projects

Angular Material Lab

This project is a collection of tips and tricks about how to use an Angular Material (6+) app with an ASP.NET Core app and includes:

  • How to manage Angular Material's dependencies using shared\material.module.ts file.
  • How to use @angular/flex-layout.
  • How to work with modal dialogs.
  • How to work with form fields and validations.
  • How to work with data tables including paging, sorting and filtering.
  • How to create a custom template and change it dynamically.
  • How to change the datepicker's format to Persian.
  • How to use the auto-complete component with async data.

How to run it

  • Update all of the outdated global dependencies using the npm update -g command.

  • Install the Angular-CLI.

  • Now open the src\MaterialAngularClient folder and then run the following files:

    • _0-restore.bat
    • _2-ng-build-dev.bat

  • Then open the src\MaterialAspNetCoreBackend\MaterialAspNetCoreBackend.WebApp folder and then run the following files:

    • _0-restore.bat
    • _1-dotnet_run.bat

  • Now to browse the application, navigate to https://localhost:5001/

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].