mat-sidenav скрывает содержимое при первом открытии

Question

Сценарий:

• У меня есть отверстие для циновки слева и справа.
  Все работает нормально, когда срабатывает при нажатии кнопки или при любом взаимодействии с пользователем.
• Но я также хочу открыть это при загрузке страницы. И тогда у меня есть проблемы с отображением. Когда управляющая переменная projectSelectorOpened установлена ​​в значение true, боковая панель скрывает содержимое страницы. Когда пользователь запускает его, содержимое правильно перемещается в середину.

Также пытался установить значение переменной true с помощью setTimeout ... Работает, если задано несколько секунд.
Но это не то, чего я хочу.

Вот соответствующий код:

<mat-sidenav-container fullscreen>
<mat-sidenav #projectSelector mode="side" [(opened)]="projectSelectorOpened">
    <div class="list-group-item" (click)="projectSelectorOpened = !projectSelectorOpened">
        <i class="fa fa-arrow-circle-left"></i> {{l10n.get('T_Projects')}}
    </div>
    <project-selector [selectedProjectId]="projectId" [selectedComponentId]="componentId"></project-selector>
</mat-sidenav>

<mat-sidenav-content>

</mat-sidenav-content>

<mat-sidenav #projectSelector2 mode="side" position="end" [(opened)]="projectSelectorOpened">
    <div class="list-group-item" (click)="projectSelectorOpened = !projectSelectorOpened">
        <i class="fa fa-arrow-circle-left"></i> {{l10n.get('T_Projects')}}
    </div>
    <project-selector [selectedProjectId]="projectId"></project-selector>
</mat-sidenav>