Глобальное меню после входа в систему с динамической кнопкой возврата и угловыми компонентами навигации 7 - PullRequest
Новая
       36

Глобальное меню после входа в систему с динамической кнопкой возврата и угловыми компонентами навигации 7

0 голосов
/ 08 мая 2019

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

У меня есть некоторая базовая маршрутизация с функциями и буквально копирование и вставка навигационной карты во все мои html-компоненты, и то же самое для кнопок навигации.

это мое домашнее меню с навигацией и маршрутизацией ref:

у меня есть 3 маршрута:

  • перейти к клиентам
  • вернуться домой
  • выйти из системы

Код: 

<section>
    <div class="navbar-fixed" id="wrapper">
        <nav>
            <div class="nav-wrapper">
                <ul>
                    <li><a class="waves-effect waves-light " routerLink="{{userId}}/clients"><i class="material-icons " alt="Clientes">work</i></a></li>
                    <li><a class="waves-effect waves-light" [routerLink]="['/user']"><i class="material-icons">home</i></a>
                        <li><a class="waves-effect waves-light" (click)="logout()"><i class="material-icons">power_settings_new</i></a>
                </ul>
            </div>
        </nav>
    </div>
</section>

в следующем это мой код меню моих клиентов: маршруты:

  • вернуться к дому
  • добавить клиента 

<section>
    <div class="navbar-fixed" id="wrapper">
        <nav>
            <div class="nav-wrapper ">
                <ul>
                    <li><a class="waves-effect waves-light " [routerLink]="['/user']"><i class="material-icons">home</i></a>
                        <li><a class="waves-effect waves-light " routerLink="create"><i class="material-icons">add_circle_outline</i></a>
                </ul>
            </div>
        </nav>
    </div>
</section>

в клиентском компоненте у меня есть несколько карт с информацией о клиенте, а затем кнопки с еще 3 маршрутами:

  • Обновление клиента
  • контакты
  • требования

все эти компоненты связаны с клиентом, поэтому они имеют зависимости с идентификатором клиента.

все остальные маршрутизаторы nav одинаковы, но при добавленииФункция возврата предыдущего компонента.

Это моя функция возврата, которую я вставил во все компоненты: 

 cancel() {
    const params = this._route.snapshot.params;
    this._router.navigate(['user/' + params.userId + '/clients/']);
  }
как я объяснил ранее, у меня есть зависимости от компонентов с идентификатором, поэтому мне нужно отправить идентификатор в переменной, чтобы получить полный маршрут для завершения кнопки возврата.

Изображения дляпример:

IMG: домашнее меню

IMG клиентское меню

любые советы будут оценены.

заранее спасибо.

...