Getting Started

New to AngularJS? Before getting into AngularJS Material, it might be helpful to:

How do I start with AngularJS Material?

Build a Material Application (blank shell)

See this example application on CodePen that loads the AngularJS Material library from the Google CDN:

Now just your add your AngularJS Material components and other HTML content to your Blank starter app.



Our CodePen Community

You can also visit our CodePen Community to explore more samples and ideas.




Installing the AngularJS Material Libraries

You can install the AngularJS Material library (and its dependent libraries) in your local project using either NPM, JSPM, or Bower.

AngularJS Material also integrates with some additional, optional libraries which you may elect to include:

  • ngMessages - Provides a consistent mechanism for displaying form errors and other messages.
  • ngSanitize - The ngSanitize module provides functionality to sanitize HTML content in Material components.
  • ngRoute - Provides a clean routing system for your application.


Unsupported Integrations

AngularJS Material v1.0 has known integration issues with the following libraries:

  • ngTouch - AngularJS Material conflicts with ngTouch for click, tap, and swipe support on touch-enabled devices.
  • Ionic - Open-source SDK for developing hybrid mobile apps with Web technologies has touch support that interferes with AngularJS Material's mobile gesture features.

Contributing to AngularJS Material