2015-10-25 2 views
6

я использую некоторые компоненты из Угловой Материал в моем проекте, и у меня есть некоторые проблемы с удалением серого наложения/фона для службы $mdSidenav, потому что я не вижу, где я может настроить его.

Поскольку я не хочу взломать код ядра в угловом материале, мне интересно, какой лучший способ удалить серый накладной/задний фон, когда боковая панель навигации скользит (активна). Может ли кто-нибудь указать мне, где я могу настроить или переопределить серый оверлей? Благодаря

ответ

3

Использование CSS:

md-backdrop.md-sidenav-backdrop{ 
    display:none 
} 

Предупреждение: Это может нарушить работу пользователя.

+0

не использовать это, так как директива прослушивает нажмите событие в элементе с классом мд-sidenav-фон для того, чтобы закрыть sidenav бар – sivaram636

+0

Хотя в документации не представляется явно упомянуть 'мД-Disable-фон ', это, безусловно, правильное решение. – mpowered

+0

Документы упоминают его прямо в таблице [Атрибуты] (https://material.angularjs.org/latest/api/directive/mdSidenav#attributes). Этот тип тяжелых CSS может фактически нарушить пользовательскую функциональность. Это не лучший подход. Может быть, «видимость: скрытая» или «непрозрачность: 0;» в крайнем случае, но решение Дор Коэна лучше. – isherwood

12

Вы можете использовать встроенную директиву атрибутов углового материала md-disable-backdrop. Он принимает логическое значение и, если присутствует в разметке, sidenav не будет отображать фоновый рисунок.

<md-sidenav md-disable-backdrop> 
</md-sidenav> 
Смежные вопросы