角度材料設計：$ mdMedia（'gt-md'）在html中不起作用

Question

我一直在AngularJS中編碼一個項目以開始學習框架，目前我正在使用Angular-material庫，並且嘗試在此處實現類似於其演示的sidenav： https ://material.angularjs.org/ ＃/ demo / material.components.sidenav

不幸的是，下面的html中的$ mdMedia（'gt-md'）調用總是返回false（我正在筆記本電腦屏幕上打開它，因此應該為true），但是如果我記錄了$ mdMedia（'gt-md' '）在相關的角度控制器中返回true。

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

誰能闡明我為什么看到這種行為？ 我已經為此苦苦掙扎了好幾天了。

Answer 1

在查看@ExpertSystem發布的鏈接之后，將$ mdMedia服務添加到$ rootscope允許我直接從HTML代碼中使用$ mdMedia。

之所以出現此問題，是因為由於$ mdMedia是一項服務，因此除非在范圍內可用，否則該視圖將不可用。

感謝你的幫助！！

Answer 2

如果您在項目中使用“角度材料”：“ 0.8.1”或以下。 將上面的代碼更改為此

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