Я кодировал проект в AngularJS, чтобы начать изучать структуру, в настоящее время я использую библиотеку углового материала, и я пытаюсь для реализации sidenav, похожего на их демо: https://material.angularjs.org/#/demo/material.components.sidenav
К сожалению, вызов $ mdMedia ('gt-md') в html ниже всегда возвращает false (я открываю его на экране ноутбука, поэтому он должен быть правдой), но если я зарегистрирую возврат из $ mdMedia ('gt-md') в соответствующем угловом контроллере, он вернет true.
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
Может ли кто-нибудь пролить свет на то, почему я вижу это поведение? Я боролся с ним уже несколько дней.
Я думаю, что ваш ноутбук имеет большой экран, поэтому он не запускает $ mdMedia ('gt-md'), и когда вы отлаживаете его, используя что-то вроде хром-отладчика или что-то еще, ширина экрана уменьшается и этот метод возвращает true. Вы можете попытаться уменьшить размер своего браузера вручную, а не запускать его в полноэкранном режиме. – Tony
Ноутбук имеет стандартный 15-дюймовый экран, поэтому я не думаю, что это так, и это не объясняет, почему я получаю истинное значение, когда я делаю тот же вызов в javascript, но false, если я сделаю это в html? – mallen
Невозможно ответить на это с такой маленькой информацией, но есть поразительно похожие [вопрос] (https://github.com/angular/material/issues/2341), который ответил на GitHub. – gkalpak