메뉴 옵션 추가

차등 접근 방식을 사용하여 탐색줄에서 메뉴 옵션을 추가할 수 있습니다.

프로시저

사용자 정의 구성요소를 작성하십시오.
<store-temp>/extensions/features/override-component/src/app/components 디렉토리로 이동하여 다음 명령을 실행하십시오.
```
ng g c <componentName> --prefix=isf
```
설명된 대로 값이 있는 overrideComponent 정적 문자열 변수를 컴포넌트 클래스 이름으로 추가하십시오.
```
.... public static overrideComponent = 'ExtnChangeLocaleComponent'; ....
```
다음 단계를 완료하여 사용자 정의 구성요소 클래스 이름을 업데이트하십시오.
1. <store-temp>/extensions/features/override-component/src/app 디렉토리로 이동하십시오.
2. app.module.ts 파일을 여십시오.
3. customComponentDeclarations 오브젝트에서 사용자 정의 구성요소 클래스 이름을 업데이트합니다.

다음 샘플 구성에 설명된 대로 <store-temp>/extensions/features/override-component/src/assets/override-component/config/isf-navbar-extn-config.json 파일에 메뉴 옵션 구성을 추가하십시오.

{

"menuTID" : "navBarMenuWidget_3",

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

"menuTitleBundleKey" :"navbar.ACTION_ChangeLocale",

"componentName": "ExtnChangeLocaleComponent"

 }

다음 표에서는 메뉴 구성의 속성을 설명합니다.

테이블 1. 메뉴 구성에 대한 속성
속성	설명
menuTID	탐색줄에 표시되는 메뉴 옵션의 고유 ID를 지정합니다. 올바른 값은 `navBarMenuWidget_1` 또는`navBarMenuWidget_2`입니다.
componentName	탐색줄에 로드되는 컴포넌트 이름을 지정합니다. 예를 들어, `AlertsExtnComponent` 또는 `GlobalSearchExtnComponent`입니다.
menuIconClass	메뉴 옵션에 적합한 아이콘을 표시하는 데 사용해야 하는 glyphicon 클래스의 이름입니다.
menuTitleBundleKey	필수입니다. 메뉴 옵션의 번들 키입니다.

아이콘 추가에 대한 자세한 정보는 사용자 정의 이미지 추가를 참조하십시오.
menuTitleBundleKey의 번들 항목 추가에 대한 자세한 정보는 애플리케이션 제공 변환 번들 JSON 파일 대체를 참조하십시오.

변경사항이 탐색줄에 반영되는지 확인하십시오.
확장 애플리케이션 제공 탐색줄을 로컬로 확인하려면 다음 명령을 실행하여 애플리케이션을 시작하십시오.
```
yarn start-app
```