Ajout d'une option de menu

En utilisant l'approche différentielle, vous pouvez ajouter une option de menu dans la barre de navigation.

Procédure

Créez un composant personnalisé.
Accédez au répertoire <store-temp>/extensions/features/override-component/src/app/components et exécutez la commande suivante:
```
ng g c <componentName> --prefix=isf
```
Ajoutez la variable de chaîne statique overrideComponent avec la valeur comme nom de classe de composant, comme illustré.
```
.... public static overrideComponent = 'ExtnChangeLocaleComponent'; ....
```
Mettez à jour le nom de classe de composant personnalisé en procédant comme suit:
1. Accédez au répertoire <store-temp>/extensions/features/override-component/src/app .
2. Ouvrez le fichier app.module.ts .
3. mettre à jour le nom de classe de composant personnalisé dans l'objet customComponentDeclarations .

Ajoutez une configuration d'option de menu dans le fichier <store-temp>/extensions/features/override-component/src/assets/override-component/config/isf-navbar-extn-config.json comme illustré dans l'exemple de configuration suivant.

{

"menuTID" : "navBarMenuWidget_3",

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

"menuTitleBundleKey" :"navbar.ACTION_ChangeLocale",

"componentName": "ExtnChangeLocaleComponent"

 }

Le tableau suivant décrit les attributs de la configuration de menu.

Tableau 1. Attributs pour la configuration du menu
Attributs	Descriptif
menuTID	Indique l'identificateur unique de l'option de menu affichée dans la barre de navigation. Les valeurs valides sont `navBarMenuWidget_1` ou`navBarMenuWidget_2`.
componentName	Indique le nom du composant chargé dans la barre de navigation. Par exemple, `AlertsExtnComponent` ou `GlobalSearchExtnComponent`.
menuIconClass	Nom de la classe glyphicon qui doit être utilisée pour afficher l'icône appropriée pour l'option de menu.
menuTitleBundleKey	Obligatoire. Clé de regroupement de l'option de menu.

Pour plus d'informations sur l'ajout d'une icône, voir Ajout d'images personnalisées.
Pour plus d'informations sur l'ajout d'une entrée de bundle pour menuTitleBundleKey, voir Remplacement des fichiers JSON de bundle de traduction fournis par l'application.

Vérifiez que vos modifications sont reflétées dans la barre de navigation.
Pour vérifier localement la barre de navigation fournie par l'application étendue, démarrez l'application en exécutant la commande suivante:
```
yarn start-app
```