Posted in by Tudipat 03:04Comments Off on Getting Started With Angular Material
Getting Started With Angular Material
Tudip
12 April 2019
What is the angular material?
Angular Material could be a UI component library for Angular developers. Angular Material provides modern UI components that work across mobile, web and desktop. Angular Material to facilitate the development process through reusability of common components like Cards, beautiful Inputs, Data Tables, and so on.
The angular Material style could be a specification for a unified system of visual, motion, and interaction design that adapts across different devices and different screen sizes. It is creating faster, beautiful, and responsive websites.
Steps to install Angular Material:
Step 1: Install the Angular CLI
Step 2: Create a workspace for Angular Project
Step 3: Install Angular Material, Angular CDK and Angular Animations
Step 4: Configure animations
Step 5: Import the Angular Material component modules
Step 6: Gesture Support
In detail information about steps to install Angular Material:
Step 1: Install the Angular CLI
installed the Angular CLI globally using npm:
npm install -g @angular/cli
Step 2: Create a workspace for Angular Project
To create a new workspace:
ng new angular-material-app
Step 3: Install Angular Material, Angular CDK and Angular Animations
Using the Angular CLI ng the add command will update your Angular project with the correct dependencies, perform configuration changes and execute initialization code.
ng add @angular/material
Step 4: Configure animations
@NgModule({
imports: [BrowserAnimationsModule],
})
export class AppModule { }
Step 5: Import the Angular Material component modules
Imports the Angular Material component modules which you need in App.
All content provided on this blog is for informational purposes only. Tudip Technologies provides no endorsement and makes no representations as to accuracy, reliability, completeness, suitability or validity of any information or content on, distributed through or linked, downloaded or accessed from this site. Tudip Technologies will not be liable for any errors, omissions, or delays in this information or any losses, injuries, or damages arising from its display or use of the information on this site. All information is provided on an as-is basis without any obligation to make improvements or to correct errors or omissions. This site may contain links to other websites. Tudip Technologies makes no guarantees or promises regarding these websites and does not necessarily endorse or approve of their content. You may not modify any part of the blog. The inclusion of any part of this blog in another work, whether in printed or electronic or other form, or inclusion of any part of the blog in another website by linking, framing or otherwise without the express permission of Tudip Technologies is prohibited. This site may not be used for any illegal or illicit purpose and Tudip Technologies reserves the right, at its sole discretion and without notice of any kind, to remove anything posted to this site. By using this site, you hereby acknowledge that any reliance upon any materials shall be at your sole risk.