Adición de una opción de menú

Utilizando el enfoque diferencial, puede añadir una opción de menú en la barra de navegación.

Procedimiento

Crear un componente personalizado.
Vaya al directorio <store-temp>/extensions/features/override-component/src/app/components y ejecute el mandato siguiente:
```
ng g c <componentName> --prefix=isf
```
Añada la variable de serie estática overrideComponent con el valor como nombre de clase de componente tal como se ilustra.
```
.... public static overrideComponent = 'ExtnChangeLocaleComponent'; ....
```
Actualice el nombre de clase de componente personalizado completando los pasos siguientes:
1. Vaya al directorio <store-temp>/extensions/features/override-component/src/app .
2. Abra el archivo app.module.ts .
3. actualizar el nombre de clase de componente personalizado en el objeto customComponentDeclarations .

Añada una configuración de opción de menú en el archivo <store-temp>/extensions/features/override-component/src/assets/override-component/config/isf-navbar-extn-config.json tal como se ilustra en la siguiente configuración de ejemplo.

{

"menuTID" : "navBarMenuWidget_3",

"menuIconClass" : "app-icon-switch-locale_16",

"menuTitleBundleKey" :"navbar.ACTION_ChangeLocale",

"componentName": "ExtnChangeLocaleComponent"

 }

En la tabla siguiente se describen los atributos de la configuración del menú.

Tabla 1. Atributos para la configuración del menú
Atributos	Descripción
menuTID	Especifica el identificador exclusivo para la opción de menú que se visualiza en la barra de navegación. Los valores válidos son `navBarMenuWidget_1` o`navBarMenuWidget_2`.
componentName	Especifica el nombre de componente que se carga en la barra de navegación. Por ejemplo, `AlertsExtnComponent` o `GlobalSearchExtnComponent`.
menuIconClass	Nombre de la clase glyphicon que se debe utilizar para visualizar el icono adecuado para la opción de menú.
menuTitleBundleKey	Obligatorio. La clave de paquete de la opción de menú.

Para obtener más información sobre cómo añadir un icono, consulte Adición de imágenes personalizadas.
Para obtener más información sobre cómo añadir una entrada de paquete para menuTitleBundleKey, consulte Alterar temporalmente los archivos JSON de paquete de traducción proporcionados por la aplicación.

Verifique que los cambios se reflejen en la barra de navegación.
Para verificar localmente la barra de navegación proporcionada por la aplicación ampliada, inicie la aplicación ejecutando el mandato siguiente:
```
yarn start-app
```