Angular Material 设计：$mdMedia('gt-md') 在 html 中不工作

Question

我一直在 AngularJS 编写一个项目以开始学习框架，目前我正在使用 angular-material 库，我正在尝试实现一个sidenav 类似于他们的演示：https://material.angularjs.org/#/demo/material.components.sidenav

不幸的是，下面 html 中的 $mdMedia('gt-md') 调用总是 returning 错误（我在笔记本电脑屏幕上打开它，所以它应该是正确的）但是如果我在相关的 angular 控制器中记录来自 $mdMedia('gt-md') 的 return 它 return 是真的。

<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">

任何人都可以解释为什么我会看到这种行为吗？我已经为此苦苦挣扎了好几天。

Answer 1

如果您在您的项目中使用 "angular-material": "0.8.1" 或更低版本。把上面的代码改成这个

<md-sidenav 
  class="md-sidenav-left md-whiteframe-z2" 
  md-component-id="left"
  md-is-locked-open="$media('gt-md')">

Answer 2

在查看了@ExpertSystem 发布的 link 后，将 $mdMedia 服务添加到 $rootscope 允许我直接从我的 HTML 代码中使用 $mdMedia。

出现问题是因为 $mdMedia 是一项服务，除非它在范围内可用，否则它对视图不可用。

感谢大家的帮助！！

Angular Material Design: $mdMedia('gt-md') not working in html