These are chat archives for angular/material

11th
Dec 2015
jmls
@jmls
Dec 11 2015 07:46
anyone know of a carousel for material ?
Erwan DATIN
@MacKentoch
Dec 11 2015 08:08
Hi @jmls , I don't know any carousel, but if I needed one I would start from tabs. To illustrate, see my quizz based on material tab customization : https://github.com/MacKentoch/ngMaterialQuizz/blob/master/README.md. Hope it will give you some kind help.
Craig Shearer
@craigsh
Dec 11 2015 08:21
Anybody using angular-material with jspm? I have a problem with the CSS and many style elements being loaded which messes things up.
jmls
@jmls
Dec 11 2015 08:44
@MacKentoch thanks, will look
another question: is it possible to prepend / append to an input ? for example, I want to prompt for a url name, but have "http://"; + input + ".myfoo.com" where the user can only change "input"
Erwan DATIN
@MacKentoch
Dec 11 2015 08:59
@craigsh I don't have any problem using jspm (I only use jspm). I suggest you have a look at my repo I submitted previously : https://github.com/MacKentoch/ngMaterialQuizz . Maybe it could give you a clue on your problem.
Craig Shearer
@craigsh
Dec 11 2015 09:00
@MacKentoch thanks, I'll take a look.
Erwan DATIN
@MacKentoch
Dec 11 2015 09:06
@jmls I'm not sure to understand your need, answer could be to use a custom filter or managing it in your controller.
Craig Shearer
@craigsh
Dec 11 2015 09:13
@MacKentoch I've forked and run up your project. Works nicely - very impressive. However, when I load up the Chrome dev tools and look at the head, I see lots of style entries inserted - same as mine. So perhaps this is the normal behaviour.
My actual issue I'm trying to solve is why the results of the markup in my project don't work properly when the same markup works perfectly fine in a codepen.
Erwan DATIN
@MacKentoch
Dec 11 2015 09:23
@craigsh to be honest I did not notice that. Thank you for pointing it out, I will check it too.
Craig Shearer
@craigsh
Dec 11 2015 09:25
Yeah, it seems odd. But I've solved my problem now - turns out that the codepen I was trying stuff out on was running on the 1.0.0-rc5 version whereas I was using an older version. Once I updated the layout issue disappeared.
So, thanks - indirectly you helped me solve it.
Erwan DATIN
@MacKentoch
Dec 11 2015 09:31
@craigsh I see that amazing. In fact it seems it is not related to JSPM but angular material, see it occurs too in angular material website header : https://material.angularjs.org/latest/
Craig Shearer
@craigsh
Dec 11 2015 09:32
Ah, well I'm glad it's not just me then! :)
Erwan DATIN
@MacKentoch
Dec 11 2015 09:41

I added a comment next to your [github issue]
(angular/material#6236).
Hope it will help to understand this since it is a bit ugly (not functionnal breaking bug).

Anyway, angular material is so nice and is to my mind the best way to add material design when on angular js.

Jonathan Solorzano
@fenixsolorzano
Dec 11 2015 14:12
Guys, why Google uses polymer instead of angular-material for their projects (at least that's what I've heard, it it true?)?
Dmitri Zaitsev
@dmitriz
Dec 11 2015 14:50
Hi guys, any directions how to use individual components from Angular Material in separation? All examples I found always import the whole library when only using small parts of it.
Erwan DATIN
@MacKentoch
Dec 11 2015 14:59
@dmitriz as far as I know, angular material is a complete front end framework so it is not meant to be component used. But in a certain way it seems interesting in some case to be able to bundle only your needed components.
Sean Larkin
@TheLarkInn
Dec 11 2015 15:37
@dmitriz and also some of those awesome core services that you guys use like $$interemElementProvider and $mdCompilerService
Derrick Morton
@creationator
Dec 11 2015 16:16
hello
kinda new to Angular, does anyone have experience with using Angular 1.5 component method?
Dmitri Zaitsev
@dmitriz
Dec 11 2015 16:24
@MacKentoch Adding the whole library adds a lot of weight to the webpage. I have seen separate components in the source and was hoping to use them in isolation. Is there really no priority on making it possible? Or maybe third party projects doing that?
angular-material.min.js is 270kB and angular-material.min.css is 200kB - that's almost 500kB in total. Is that not going to be a performance problem, esp. on the mobile?
Maksim Kazmenko
@kazmenko
Dec 11 2015 17:07
Hello. I identified small misstatement here: https://material.angularjs.org/latest/getting-started in section "Build a Material Application (blank shell)" in HTML code. Must be <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0-rc7/angular-material.min.css"> but not <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.0.0-rc7/angular-material.min.css"> otherwise it work not correctly.
jeff
@jjarrell50
Dec 11 2015 21:31
is there enough 'there' in both angular2 and material to use? It's a practice app, but I'm not experienced enough to understand and resolve the bleeding edge.
Dave Ackerman
@dmackerman
Dec 11 2015 22:08
@jjarrell50 Material doesn’t exist for Angular 2 yet.
AFAIK