Vinculando entre páginas

Por exemplo:

// import Angular router
import { Router } from '@angular/router';

...

// initialize some variables/constants
private router: Router
static readonly CREATE_EDIT_OPTIMIZATION_ROUTE: string = BucConstants.ROOT_TOKEN +
    '/create-edit-optimization-profile/createOptimizationProfile';

...

// navigate to the in app route
this.router.navigate([CREATE_EDIT_OPTIMIZATION_ROUTE], {
                    queryParams: {
                        viewType: 'Create'
                    }
                });

...

Em seguida, grave o código após este exemplo para rotear para a página de aplicativo cruzado:

// import Angular router
import { getPostMessageDomain } from '@buc/common-components';

...

// navigate to the outside app route
window.top.postMessage({
        action: 'NAVIGATE',
        data: {
          path: '/order-management/workspace',
          queryParams: {
            ...
          }
        }
      }, getPostMessageDomain());

...

As páginas a seguir são registradas como páginas de destaque no shell comum da cadeia de suprimentos:

Para navegar para uma página que não esteja no aplicativo Angular atual, deve-se declarar essa rota com o shell comum da Cadeia de Suprimentos como um menu de recursos Isso pode ser feito registrando um novo menu "oculto" para o shell comum da cadeia de suprimentos concluindo a tarefa a seguir: Testando novos aplicativos ou rotas no Order Hub. Assegure-se de marcar a opção Ocultar este item de menu ao criar o menu..