Angular добавление `решит` охранник, влияющий на макет страницы - PullRequest
Новая
       24

Angular добавление `решит` охранник, влияющий на макет страницы

0 голосов
/ 16 февраля 2020

Я пытаюсь добавить разрешение для компонента. Но когда я добавляю разрешение, если влияет на макет страницы. Компонент занимает, вероятно, позицию absolute и выходит из сетки parent component. Любая идея, как я могу это исправить. Когда я удаляю разрешение, все работает хорошо.

следующее - это настройка маршрута 

        path: 'wizardStack',
        component: WizardStackComponent,
        outlet: 'wizardOutlet',

        resolve: {
          stack: StackResolveService
        },

        data: {
          slide: false
        }

Следующее - это служба разрешения 

import { Injectable } from '@angular/core';
import { Resolve, Router } from '@angular/router';
import { ActivityService } from 'src/app/activity.service';
import { of, EMPTY, Observable, from } from 'rxjs';
import { take, mergeMap } from 'rxjs/operators';

@Injectable({
  providedIn: 'root'
})
export class StackResolveService implements Resolve<any> {

  constructor(private activityService: ActivityService,
              private router: Router) { }

  resolve(): Observable<any[]> {
    return from(this.activityService.getStack()).pipe(
      take(1),
      mergeMap((crisis) => {
        if (crisis) {
          return of(crisis);
        } else {
          this.router.navigateByUrl('/');
          return EMPTY;
        }
      })
    );
  }
}

Следующий компонент 

<div class="contentContainer">
  <div class="content">
    <div class="wizard-step">
      <div class="header">
        <p>Stack works</p>
      </div>
    </div>
  </div>
</div>
...