CODEWITHSUNDEEP
angularjsangular-material
sweatherall
sweatherall

Reputation: 71

Angular Material md-select not displaying md-options and freezes page upon click

I just updated the version of Angular Material I am using to 1.0.6

Now when I use md-select + md-option, although all the correct options and corresponding md-option DOM elements display in the inspector, the drop down list does not display upon click, and instead the page (Chrome browser) freezes completely. No console error is thrown.

Here is my code:

md-select(
  aria-label='select number of seats'
  ng-show="bookable.seatsperbooking>1"
  ng-model="appt.seats")

  md-option(
    ng-repeat='num in getnumber(seatsallowed) track by $index'
    value='{{num}}') {{ num }}

and here is a screenshot of the inspector, which shows the correct number of option DOM elements: screenshot of options

Upvotes: 3

Views: 2096

Answers (3)

kane
kane

Reputation: 6027

Same issue here. I have Angular Material 1.1.0.

Updated Angular from 1.3.15 to 1.5.8. Fixed.

Upvotes: 1

Eric Chen
Eric Chen

Reputation: 21

Having same problem. After updating AngularJS to newer version 1.5.5 (w/ Angular Material 1.0.7) solved the problem.

Upvotes: 2

sweatherall
sweatherall

Reputation: 71

This was happening because the Angular + Angular Material versions I was using were incompatible. Angular Material 1.0.7 seems to require at least Angular 1.4 (Angular Material 1.0.7 was not working with Angular 1.3.20)

Upvotes: 2

Related Questions