Vinculación entre páginas

A medida que desarrolla páginas, es posible que necesite vincular a diferentes páginas que pueden estar dentro de la misma aplicación Angular o a páginas que están definidas en otras Centro de pedidos de próxima generación aplicaciones.

Dentro de la misma aplicación Angular

Este flujo contiene enrutamiento angular común entre rutas y no Centro de pedidos de próxima generación-comportamientos específicos.

Por ejemplo:
// 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'
                    }
                });

...

Al otro lado de Centro de pedidos Aplicaciones angulares

Para vincular aplicaciones Angular en Centro de pedidos de próxima generación, primero debe declarar la ruta como un enlace de función/menú a la interfaz de usuario del shell común de Supply Chain.

Para ver una lista de disponibles Centro de pedidos de próxima generación páginas a las que se puede vincular, consulte Vinculación entre páginas.

Para definir nuevas páginas (personalizadas o predeterminadas) IBM® páginas) que deben ser accesibles, consulte Vinculación entre páginas.

Luego, escriba el código que sigue este ejemplo para dirigirlo a la página entre aplicaciones.
// 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 a las que se puede vincular

Las siguientes páginas están registradas como páginas destacadas en el shell común de Supply Chain:
Página Vía de acceso
Inicio /order-management/workspace-home/workspace/welcome
Gestionar búsquedas guardadas. /order-management/workspace-manage-favorites/workspace/manage-favorites
Espacios de trabajo /order-management/workspace
Búsqueda de nodo /order-management/node-search/node/search
Resultados de la búsqueda de nodos /order-management/node-search-result/node/search-result
Métricas de nodo /order-management/node-metrics-list/node/metrics-list
Detalles del nodo /order-management/node-details/node/node-details
Búsqueda de capacidad de servicio de nodo /order-management/node-capacity-search/node/capacity-search
Búsqueda de pedidos salientes /order-management/order-search/order/search
Búsqueda de pedidos entrantes /order-management/order-search/order/search-inbound
Búsqueda de devoluciones /order-management/order-search/order/search-returnorder
Búsqueda de órdenes de trabajo /order-management/work-order-search/workorder/search
Resultados de la búsqueda de pedidos /order-management/order-search-result/order/search-result
Detalles del pedido /order-management/order-details/order/order-details
Detalles de línea de pedido /order-management/order-line-details/order/order-line-details
Resultados de búsqueda de órdenes de trabajo /order-management/work-order-search-result/workorder/search-result
Detalles de la orden de trabajo /order-management/work-order-details/workorder/workorder-details
Búsqueda de envíos salientes /order-management/shipment-search/shipment/search
Búsqueda de envíos entrantes /order-management/shipment-search/shipment/search-inbound
Búsqueda de envíos de devolución /order-management/shipment-search/shipment/search-returnshipment
Detalles de envío /order-management/shipment-details
Búsqueda de inventario /order-management/inventory-search/inventory/search
Reglas de existencias de seguridad /order-management/inventory/safety-stock-rules
Búsqueda de auditoría de inventario /order-management/inventory-search/inventory/audit
Resultados de búsqueda de inventario /order-management/inventory-search-results/inventory/results
Detalles del artículo principal del inventario /order-management/inventory-item-details/inventory/item
Detalles del artículo de inventario /order-management/inventory-sku-details/inventory/sku
Página de inicio de cumplimiento /order-management/fulfillment-home/sourcing/home
Evaluador de suministro /order-management/fulfillment-sourcing-tester/sourcing/search
Resultados de pruebas de suministro /order-management/fulfillment-sourcing-tester-search-results/sourcing/results
Verificador de EDD /order-management/fulfillment-edd-tester/sourcing/edd-tester/search
Resultados del verificador de EDD /order-management/fulfillment-edd-tester-results/sourcing/edd-tester-results
Descriptor de los resultados del verificador de EDD /order-management/fulfillment-edd-tester-results-explainer/sourcing/edd-tester-results-explainer
Panel del optimizador /order-management/optimizer/dashboard
Explicador de resultados del optimizador /order-management/optimizer/resultsexplainer
Informe de beneficios del optimizador /order-management/optimizer/benefits-report
Simulador de Optimizer /order-management/optimizer/simulator
Búsqueda de alertas /order-management/workspace-alerts-search/workspace/alert-search
Resultados de búsqueda de alertas /order-management/workspace-alerts-search-results/workspace/search-results
Detalles de alerta /order-management/workspace-alert-details/workspace/alert-details
Búsqueda de excepciones /order-management/exception

Registrar una ruta externamente para navegar a través de diferentes Centro de pedidos de próxima generación Aplicaciones angulares

Para ir a una página en una aplicación personalizada que no está en la aplicación Angular actual, debe declarar esta ruta con el Centro de pedidos de próxima generación cáscara como característica. Esto se puede hacer registrando un nuevo menú oculto en elfeatures.json archivo. Para obtener más información sobre cómo crear o actualizar elfeatures.json archivo, ver Creando el features.json archivos.