Angular Material Installation


Angular Material Installation Steps: You can install Angular Material Locally or you can just use it’s cdn version. Here in this tutorial we are going to explain how you can setup environment for Angular Material.


Angular Material Installation

There are two ways to install the Angular Material –

Local Installation

Download the below files and include them locally to setup the Angular Material.

Local Installation Files:

http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js
http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js
http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js
http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js
http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js

Download the above files and keep them in a folder and provide full path to include them.

CDN Based Version

If you want to use hosted cdn url just include the hosted files simply as below –

CDN Based Version: Installation

 <!-- Angular Material requires Angular.js Libraries -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.js"></script>

Download the above files and keep them in a folder and provide full path to include them.

Now you are ready to use the Angular Material.

Note : In this tutorial we will use cdn based urls to include libraries.

Advertisements

Add Comment

📖 Read More