Installing Ionic Material Design

Question

I have followed the steps in integrating Ionic Material Design into an Ionic Project. Below is the list of what I have done:

ionic start ionicMaterial blank
bower install ionic-material
bower install robotodraft
Added the JS and CSS libs in out Ionic index.html page

On the Fifth it instructs to Inject Ionic Material into your Ionic App like so: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

Where and how will I inject it in my Ionic project? I have the app.module.ts and app.component.ts. But how and where do I insert the code mentioned since it even asks me to put in my application name angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']).

score 5 · Accepted Answer · edited Jun 26 '18 at 08:54

5

Below line is for Ionic 1 framework, it's not for Ionic 3.

var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

You can add it in app.module.ts as a external module import, if Ionic material is supported in Ionic 3.

edited Jun 26 '18 at 08:54

Mohan Gopi

7,606
17
66
117

answered Apr 05 '18 at 08:48

Pradnya Sinalkar

1,116
4
12
26

How do I add it in the app.module.ts? – stack questions Apr 05 '18 at 08:53
If you have followed steps from link https://github.com/zachfitz/Ionic-Material. It is only supporting Ionic1, not for Ionic3. Can check README.md – Pradnya Sinalkar Apr 05 '18 at 08:59

Installing Ionic Material Design

1 Answers1