Невозможно скрыть панель навигации на странице входа в Angular 2 - PullRequest
Новая
       12

Невозможно скрыть панель навигации на странице входа в Angular 2

0 голосов
/ 17 мая 2018

Я пытаюсь реализовать пример приложения в Angular , используя Angular Материал и Angular Flex Макет .

Я реализовал панель навигации, которую я хочу скрыть на странице входа в систему и увидеть на всех страницах приложения.

Я создал службу с именем showmenu.service.ts где я объявил переменную и присвоил ей логическое значение.Также определены две функции show () и hide ()

Я не получаю никакой ошибки, но мне не удается скрыть панель навигации на странице входа.

enter image description here

Пожалуйста, используйте мой образец кода здесь .. https://stackblitz.com/edit/sample-login-bm7t1c?file=app%2Fshowmenu.service.ts

1 Ответ

0 голосов
/ 17 мая 2018

Я внес много изменений, чтобы решить эту проблему.

Пожалуйста, посмотрите на этот

рабочий код

Изменения:

вам нужно событие щелчкадля кнопки выхода из системы вместо прямой навигации 

(click)="logout()"

и метод выхода из системы должен быть таким, как показано ниже (чтобы скрыть меню и выполнить навигацию здесь).

logout()
  {
    this.showmenu.hide();
    this._router.navigate(['myform']);
  }

также я не знаю, почему [hidden] не работает для вас.Поэтому я просто использую свойство visible в fxShow, чтобы решить вашу проблему.

 fxShow="{{!showmenu.visible}}"

Наконец мы это сделали :)

...