Vinculação entre páginas

À medida que você desenvolve páginas, pode ser necessário vincular páginas diferentes que podem estar dentro do mesmo aplicativo Angular ou a páginas definidas em outros aplicativos. Hub de pedidos de próxima geração formulários.

Dentro do mesmo aplicativo Angular

Este fluxo contém roteamento Angular comum entre rotas e nenhum Hub de pedidos de próxima geração-comportamentos específicos.

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'
                    }
                });

...

Entre Centro de pedidos Aplicações angulares

Para vincular aplicativos Angular em Hub de pedidos de próxima geração, você deve primeiro declarar a rota como um link de recurso/menu para a interface de UI do shell comum da Cadeia de Suprimentos.

Para ver uma lista de prontamente disponíveis Hub de pedidos de próxima geração páginas que podem ser vinculadas, consulte Vinculação entre páginas.

Para definir novas páginas (personalizadas ou padrão IBM® páginas) que precisam estar acessíveis, consulte Vinculação entre páginas.

Em seguida, escreva o código que segue este exemplo para rotear para a página entre aplicativos.
// 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());

...

Centro de pedidos páginas que podem ser vinculadas a

As seguintes páginas são registradas como páginas em destaque no shell comum da Cadeia de Suprimentos:
Página Caminho
Página inicial /order-management/workspace-home/workspace/welcome
Gerenciar procuras salvas /order-management/workspace-manage-favorites/workspace/manage-favorites
Espaços de trabalho /order-management/workspace
Procura de nó /order-management/node-search/node/search
Resultados da procura do nó /order-management/node-search-result/node/search-result
Métricas do nó /order-management/node-metrics-list/node/metrics-list
Detalhes do Nó /order-management/node-details/node/node-details
Pesquisa de capacidade de serviço de nó /order-management/node-capacity-search/node/capacity-search
Pesquisa de pedidos de saída /order-management/order-search/order/search
Pesquisa de pedidos de entrada /order-management/order-search/order/search-inbound
Pesquisa de retornos /order-management/order-search/order/search-returnorder
Pesquisa de ordens de serviço /order-management/work-order-search/workorder/search
Resultados da procura de pedidos /order-management/order-search-result/order/search-result
Detalhes do pedido /order-management/order-details/order/order-details
Detalhes da linha de pedido /order-management/order-line-details/order/order-line-details
Resultados da pesquisa de ordens de serviço /order-management/work-order-search-result/workorder/search-result
Detalhes da ordem de serviço /order-management/work-order-details/workorder/workorder-details
Pesquisa de remessas de saída /order-management/shipment-search/shipment/search
Pesquisa de remessas de entrada /order-management/shipment-search/shipment/search-inbound
Pesquisa de remessas de devolução /order-management/shipment-search/shipment/search-returnshipment
Detalhes da remessa /order-management/shipment-details
Procura de inventário /order-management/inventory-search/inventory/search
Regras de estoque de segurança /order-management/inventory/safety-stock-rules
Pesquisa de auditoria de inventário /order-management/inventory-search/inventory/audit
Resultados da procura de inventário /order-management/inventory-search-results/inventory/results
Detalhes do item pai do inventário /order-management/inventory-item-details/inventory/item
Detalhes do item do inventário /order-management/inventory-sku-details/inventory/sku
Página de destino de atendimento /order-management/fulfillment-home/sourcing/home
Testador de fornecimento /order-management/fulfillment-sourcing-tester/sourcing/search
Resultados do testador de fornecimento /order-management/fulfillment-sourcing-tester-search-results/sourcing/results
Testador de EDD /order-management/fulfillment-edd-tester/sourcing/edd-tester/search
Resultados do testador de EDD /order-management/fulfillment-edd-tester-results/sourcing/edd-tester-results
Explicador de resultados do testador de EDD /order-management/fulfillment-edd-tester-results-explainer/sourcing/edd-tester-results-explainer
Painel do otimizador /order-management/optimizer/dashboard
Explicador de resultados do otimizador /order-management/optimizer/resultsexplainer
Relatório de benefícios do otimizador /order-management/optimizer/benefits-report
Simulador do otimizador /order-management/optimizer/simulator
Procura de alertas /order-management/workspace-alerts-search/workspace/alert-search
Resultados da procura de alertas /order-management/workspace-alerts-search-results/workspace/search-results
Detalhes do alerta /order-management/workspace-alert-details/workspace/alert-details
Pesquisa de exceções /order-management/exception

Registrar uma rota externamente para navegar por diferentes Hub de pedidos de próxima geração Aplicações angulares

Para ir para uma página em uma aplicação customizada que não esteja na aplicação Angular atual, você deve declarar esta rota com o Hub de pedidos de próxima geração shell como um recurso. Isto pode ser feito registrando um novo menu oculto nofeatures.json arquivo. Para obter mais informações sobre como criar ou atualizar ofeatures.json arquivo, veja Criando o features.json arquivos.