Angular Material md-select 不显示 md-options 并在单击时冻结页面答案

【问题标题】：Angular Material md-select not displaying md-options and freezes page upon clickAngular Material md-select 不显示 md-options 并在单击时冻结页面
【发布时间】：2016-08-25 03:00:25
【问题描述】：

我刚刚将我正在使用的 Angular Material 的版本更新到 1.0.6

现在当我使用 md-select + md-option 时，虽然所有正确的选项和相应的 md-option DOM 元素都显示在检查器中，但单击时不会显示下拉列表，而是显示页面（Chrome 浏览器）完全冻结。不会抛出控制台错误。

这是我的代码：

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 }}

这是检查器的屏幕截图，它显示了正确数量的选项 DOM 元素： screenshot of options

【问题讨论】：

这个工作时你使用的是什么版本的材料？另外，升级到 1.1.0-rc2 后问题是否仍然存在？
@TopherFangio 我确实发现这是一个版本兼容性问题。我试图将 angular 1.3.20 与 angular-material 1.0.7 一起使用。一旦我升级到 Angular 1.4.10，一切正常。
很高兴你让它工作了；你应该就这个问题发表一个答案，这样未来的用户就可以看到你是如何解决它的，而不必阅读所有的 cmets :-)

标签： angularjs angular-material

【解决方案1】：

发生这种情况是因为我使用的 Angular + Angular Material 版本不兼容。 Angular Material 1.0.7 似乎至少需要 Angular 1.4（Angular Material 1.0.7 不适用于 Angular 1.3.20）

【讨论】：

【解决方案2】：

遇到同样的问题。将 AngularJS 更新到较新的版本 1.5.5（w/Angular Material 1.0.7）后，问题解决了。

【讨论】：

【解决方案3】：

这里也是同样的问题。我有 Angular Material 1.1.0。

将 Angular 从 1.3.15 更新到 1.5.8。固定。

【讨论】：