Incluindo uma opção de menu

Ao usar a abordagem diferenciada, é possível incluir uma opção de menu na barra de navegação

Procedimento

  1. Crie um componente customizado.
    Acesse o diretório <store-temp>/extensions/features/override-component/src/app/components e execute o comando a seguir:
    ng g c <componentName> --prefix=isf
  2. Inclua a variável de sequência estática overrideComponent com o valor como o nome da classe de componente conforme ilustrado.
    .... public static overrideComponent = 'ExtnChangeLocaleComponent'; ....
  3. Atualize o nome da classe do componente customizado concluindo as etapas a seguir:
    1. Vá para o diretório <store-temp>/extensions/features/override-component/src/app .
    2. Abra o arquivo app.module.ts ..
    3. atualizar o nome da classe do componente customizado no objeto customComponentDeclarations .
  4. Inclua uma configuração de opção de menu no arquivo <store-temp>/extensions/features/override-component/src/assets/override-component/config/isf-navbar-extn-config.json conforme ilustrado na configuração de exemplo a seguir.
    {
    
    "menuTID" : "navBarMenuWidget_3",
    
    "menuIconClass" : "app-icon-switch-locale_16",
    
    "menuTitleBundleKey" :"navbar.ACTION_ChangeLocale",
    
    "componentName": "ExtnChangeLocaleComponent"
    
     }
    A tabela a seguir descreve os atributos da configuração do menu
    Tabela 1. Atributos para a configuração do menu
    Atributos Descrição
    menuTID Especifica o identificador exclusivo para a opção de menu exibida na barra de navegação.

    Os valores válidos são navBarMenuWidget_1 ou navBarMenuWidget_2

    componentName Especifica o nome do componente carregado na barra de navegação. Por exemplo, AlertsExtnComponent ou GlobalSearchExtnComponent
    menuIconClass Nome da classe glyphicon que deve ser usada para exibir o ícone apropriado para a opção de menu..
    menuTitleBundleKey Obrigatório. A chave do pacote configurável da opção de menu
  5. Verifique se suas alterações são refletidas na barra de navegação
    Para verificar localmente a barra de navegação fornecida pelo aplicativo estendido, inicie o aplicativo executando o comando a seguir:
    yarn start-app