애플리케이션 제공 컴포넌트에서 공유 모듈의 사용자 정의 지시문, 파이프, 컴포넌트, 제공자 사용
필요에 따라 애플리케이션 제공 화면에서 새로 추가된 사용자 정의 공유 구성요소, 지시문, 파이프 또는 서비스를 사용할 수 있습니다.
프로시저
- 새로 추가된 사용자 정의 공유 컴포넌트/directives/pipes/services를 사용할 컴포넌트 및 모듈을 식별하십시오.
- 애플리케이션 제공 컴포넌트를 사용자 정의하려면 해당 컴포넌트 폴더를 찾아보고 전체 컴포넌트 폴더를 SCREEN_EXTENSIONS_HOME아래의 적절한 위치에 복사하십시오. 애플리케이션 제공 기능 모듈 컴포넌트에서 컴포넌트를 수정하는 경우 파일을 복사하기 전에 SCREEN_EXTENSIONS_HOME 아래에 적절한 폴더 구조를 작성해야 합니다.
예
- 사용자 정의 지시문
AudioOnEnterDirective(isfAudioOnEnter) 이 있고 이 지시문을 오더피킹 오더 포틀릿 컴포넌트의 바코드 스캔textfield에서 사용하려고 합니다.- <WORKSPACE>/storefrontend/src/app/features/home/portlet-set 에서 pick-order-portlet folder 폴더를 복사하여 <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set 폴더에 배치하십시오.
- 사용자 정의 지시문 및 이벤트 핸들러를 각각 포함하도록 pick order 포틀렛 HTML및 구성요소 클래스
.ts파일을 수정하십시오.
- 사용자 정의 지시문
StickyFocus(isfStickyFocus) 이 있고 이 지시문을 오더피킹 오더 포틀릿 컴포넌트의 바코드 스캔 텍스트 필드에서 사용하려고 합니다.- <WORKSPACE>/storefrontend/src/app/features/home/portlet-set 에서 pick-order-portlet folder 폴더를 복사하여 <WORKSPACE>/store-frontend/store-extensions-src/app/features/home/portlet-set 폴더에 배치하십시오.
- 사용자 정의 지시문 및 이벤트 핸들러를 각각 포함하도록 pick order 포틀렛 HTML및 구성요소 클래스
.ts파일을 수정하십시오.
중요:
- 애플리케이션 제공 컴포넌트를 사용자 정의하는 동안 SCREEN_EXTENSIONS_HOME에서 컴포넌트의 기존 애플리케이션 제공 폴더 구조를 복제해야 합니다. 그렇지 않으면 오류가 발생할 수 있습니다.
- 컴포넌트 폴더를 SCREEN_EXTENSIONS_HOME에 복사하면
.html,.scss,.ts및 관련 데이터 서비스.ts파일을 포함하여 컴포넌트 폴더의 모든 컨텐츠를 완전히 소유하게 됩니다. HTML 또는 SCSS 파일만 수정해야 하는 경우에도 여전히 전체 폴더를 복사해야 합니다. - 이는 원활한 업그레이드를 보장합니다.