Перейдите к другой названной розетке, используя строковую переменную

Question

У меня есть следующий код:

class Example {
    .....
    exampleNavigate(namedOutlet:string, data: any) {
        const commands = [{
            outlets: {
                popup: [data.module, data.service, data.create]
            }
        }];
        let queryParams = {}
        queryParams['id'] = data.id;
        this.router.navigate(commands,  { queryParams } );
    }
    ...
}

В настоящее время я всегда перехожу к «всплывающему» выходу. Я могу перейти к namedOutlet, который передается через функцию exampleNavigate?

Answer 1

Я обнаружил, что мне просто нужно заменить popup: [data.module, data.service, data.create] на [outletName] : [data.module, data.service, data.create], и он отлично работает.

Следует полному рабочему примеру:

class Example {
    .....
    exampleNavigate(namedOutlet:string, data: any) {
        const commands = [{
            outlets: {
                [outletName]: [data.module, data.service, data.create]
            }
        }];
        let queryParams = {}
        queryParams['id'] = data.id;
        this.router.navigate(commands,  { queryParams } );
    }
    ...
}