Ionic-Material icon indicating copy to clipboard operation
Ionic-Material copied to clipboard

I have tried everything and found the easiest and laziest solution

Open CodeorSword opened this issue 9 years ago • 5 comments

just copy the content of http://ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.min.js and http://ajax.googleapis.com/ajax/libs/angular_material/0.6.1/angular-material.min.css in your project and give the reference in your index.html instead of the existing one and booom ...

happy coding :)

CodeorSword avatar Jul 10 '15 06:07 CodeorSword

Hi codeorsword could you share more. I am after using ionic as I usually do but would like to make use of material design. Did u simply include the js and css files (any order) and then start using the material components. Any issues. Any sample. Thanks

darrenahunter avatar Jul 24 '15 09:07 darrenahunter

Using Bower to install the components seems not the best approach yet. Why? for starters in the docs it tells you to call: <link href="lib/ionic-material/ionic.material.min.css" rel="stylesheet"> For example. But, actually the files you need and that bower gives you are actually inside the "dist" folder, so: <link href="lib/ionic-material/dist/ionic.material.min.css" rel="stylesheet"> Should work. Same for JS. Using a CDN as @CodeorSword says it is not a bad option, at least until we can get some stuff together and clean. @darrenahunter Combine the steps from: https://github.com/zachsoft/Ionic-Material and the examples from: http://ionicmaterial.com/demo/ (see the side menu) to get around :) Hope this helps.

Wilsonilo avatar Jul 24 '15 17:07 Wilsonilo

You should take a look at https://github.com/delta98/ionic-material-design-lite RC-1 is being released Aug 31st and all you need to do is add the css file, everything else is done automatically.

jjaybrown avatar Jul 25 '15 08:07 jjaybrown

Thanks all I have looked at ionic-material-design-lite and it looks promising. To me angular material ngMaterial looked the furthest alone and also supported by Google. Would really like ionic people to lead this conversation. We do know that ionic people are working on angular material. This leads me to want to use it but they haven't discussed how to join it to ionic.

Ionic material is also well supported and well put together.

Nice to have choice but sometimes the framework should buy in too.

Thanks

On Saturday, July 25, 2015, Jason Brown [email protected] wrote:

You should take a look at https://github.com/delta98/ionic-material-design-lite RC-1 is being released Aug 31st and all you need to do is add the css file, everything else is done automatically.

— Reply to this email directly or view it on GitHub https://github.com/zachsoft/Ionic-Material/issues/108#issuecomment-124820795 .

darrenahunter avatar Jul 25 '15 09:07 darrenahunter

ngMaterial isn't being used by the Ionic team, I've spoken with them quite closely through the development of ionic-material-design-lite and it uses Ionic components and classes so you don't have to implement custom directives to get the same effect.

The problem with ngMaterial is that it's directives and styles are for angular and not ionic, so you'll lose the functionality of iconic.

jjaybrown avatar Jul 25 '15 10:07 jjaybrown