angular/material

AngularJS Material: Material Design component library for AngularJS (1.x). Use angular/material2 channel for Angular Material (v2+).

Gaurav Saini

@gauravsaini03

@pfinkbeiner http://plnkr.co/edit/0RhOjx?p=preview

When you focus on the box first time it takes 1-2 secs to open up that box

Patrick Finkbeiner

@pfinkbeiner

Hm, sorry I’m not sure how to deal with that delay. You can try to use that simulate query thing to avoid users feel uncomfortable.

r3dius

@r3dius

Hi, I'm a new user of material angular and try to start with the getstarted example . but does not work ... hello world is displayed when I delete md-sidenav.. any idea about this ? thnx

Patrick Finkbeiner

@pfinkbeiner

Can you show use some code?

… or does your console (browser) throw any exceptions?

r3dius

@r3dius

no exceptions at all ..

Do you need my html file ?

Patrick Finkbeiner

@pfinkbeiner

You can paste your stuff (js, css, html) into a http://codepen.io/

r3dius

@r3dius

http://codepen.io/r3dius/pen/YXMgGO

if you uncomment div layout=row flex, helloworld will not be displayed anymore. If you comment just md-sidenav , helloworl will be displayed

Patrick

@psolidgold

@r3dius it just looks like the sidenav is stuck open and covering hello world

the hello world text is just underneath it

Your pen doesn't have your JS in it either

Which would be why the nav is not working in this case.

r3dius

@r3dius

ok thank you @psolidgold ! :smile:

r3dius

@r3dius

and I made a mistake in my js code...

dkemper01

@dkemper01

Hi, thought it would be fun to make the contact elements clickable here, so using auto-complete or just clicking a contact would add a chip to the auto-complete items. Works okay, but try to add four or five, seven or eight, (anything where mod 3 > 0) and ng-repeat seems to fail (scroll down in the pen). http://codepen.io/dotComb/pen/EjJroK

Jorge Cortes

@jcortes

Hi everyone, I want to know if angular material design is good enough in performance for production environments?

btw, I am new using this module, but I am trying to use it in my company

dkemper01

@dkemper01

@dmackerman I think what you may be referring to is dynamically filtering the matches collection (derived from the items array) of the autocompleteController.js. Is this correct?

dkemper01

@dkemper01

@dmackerman If so, I think not only would MdAutocomplete need to expose the matches collection, as matchesExpr, for example, but it would also need a two-way binding. If I'm thinking about this in the right way, then I can mess around with the autocomplete controller and directive, and see what comes of it with seeding the matches collection from the demo controller.

Ahmed

@viztastic

@jcortes In answer to your question. I have been using it on an app for production... my feedback is that it's rock solid for desktop but a bit laggy/slow on mobile. Hope that helps.

I'm taking a bet on the framework and hoping that by post 1.0 it'll have been sped up on mobile devices.

Charles Javelona

@charlesjavelona

Hi everyone, pretty new with Angularjs and Angular-material. I need some help . Im just doing some directives to display a sidenav . This is to understand how things work with Angularjs using coffeescript. Here is the html file https://gist.github.com/charlesakio/875bbf4090e799cc3b29

Here is the directive file https://gist.github.com/charlesakio/ffb387ad80b03ca78ad7

The problem is the sidenav html is not displaying in main.html. Btw, I installed gulp-angular with this.

Patrick Finkbeiner

@pfinkbeiner

hey @charlesakio I guess your indentation is wrong try this

angular.module "charlesPortfolio"
  .directive 'sideNavbar', ->
      restrict: 'E'
      templateUrl: 'app/components/sidebar/sidebar.html'

I hope gitter won’t mess up… otherwise look at the compiled JS version.

Charles Javelona

@charlesjavelona

@pfinkbeiner , thanks for the your help, it did work, and overrided everything else. Will watch out for my indentations next time.

This is pretty neat! Can't wait to build my own portfolio with this! Thanks again.

Miloš Stanić

@MilosStanic

anyone else having a problem displaying svg icon loaded from url? It is described in angular/material#3751

Andrew Koroluk

@Awk34

You probably don’t have the correct path

Miloš Stanić

@MilosStanic

@Awk34 I tried everything :)

Jorge Cortes

@jcortes

@viztastic hey thanks for your answer, I just wonder how are you using md on mobile, maybe with cordova, if so, can you share some example of that? thank you in advance

Miloš Stanić

@MilosStanic

@Awk34 it was the path... I'm using Meteor, so it has some strange path policies, sorry :)

Miloš Stanić

@MilosStanic

I'm in process of converting a MEAN.io app to an angular-meteor app, and things work terribly slow!!! And I mean unbearably slow. And I'm not talking angular-meteor stuff, I'm talking pure angular.js stuff

Cosmin Cojocar

@kodevka

does anyone know in what release the tables will arrive?

fant0m

@fant0m

is anyone facing same issue with inks on buttons? They somehow stopped working on my site o.o

Jorge Cortes

@jcortes

@kodevka hi, take a look at this issue angular/material#796

Per Hornshøj-Schierbeck

@Hojou

does angular2_material have its own room or is it not mature yet to have a discussion about?

since it's not in the build process yet

Alessandro Buggin

@abuggin

http://ui.lumapps.com/ is this suggested over angular-material?

Thomas Burleson

@ThomasBurleson

@everyone - Gitter is a great discussion tool.

However, the official mechanisms for Angular Material support are:

Questions and Discussion - ngMaterial Forum (https://groups.google.com/forum/#!forum/ngmaterial)
Bugs Reports and Feature Requests - GitHub Issues (https://github.com/angular/material/issues)

-Angular Material Team

Per Hornshøj-Schierbeck

@Hojou

that's for angular 1.3 but i think the info there answered my question about angular2_material not being mature enough yet

Adam Ness

@greylurk

I can't get the icons to work with md-icon and the font icons. Any thoughts? http://codepen.io/greylurk/pen/pJXmKx

Ed Pelc

@epelc

You need to register them in js

Adam Ness

@greylurk

How?

Ed Pelc

@epelc

There's an icon provider in the docs

Adam Ness

@greylurk

The docs say that's for SVG Icons, not for fonts

Ed Pelc

@epelc

O nm then

Where communities thrive

People

Repo info

Activity