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
- 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 - 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'; .... - Atualize o nome da classe do componente customizado concluindo as etapas a seguir:
- Vá para o diretório <store-temp>/extensions/features/override-component/src/app .
- Abra o arquivo app.module.ts ..
- atualizar o nome da classe do componente customizado no objeto customComponentDeclarations .
- 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 menuTabela 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, AlertsExtnComponentouGlobalSearchExtnComponentmenuIconClass 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 - Para obter mais informações sobre a inclusão de um ícone, consulte Incluindo imagens customizadas
- Para obter mais informações sobre a inclusão de uma entrada de pacote configurável para menuTitleBundleKey, consulte Substituir os arquivos JSON do pacote configurável fornecido pelo aplicativo.
- Verifique se suas alterações são refletidas na barra de navegaçãoPara verificar localmente a barra de navegação fornecida pelo aplicativo estendido, inicie o aplicativo executando o comando a seguir:
yarn start-app