CLI

generate directive

Command

ng generate directive [name] [options]

ng generate d [name] [options]

프로젝트에 새 디렉티브를 생성합니다. 디렉티브는 HTML 엘리먼트와 컴포넌트의 동작이나 모양을 확장하는 데 사용합니다. DOM 조작, 사용자 지정 어트리뷰트 추가, 이벤트 처리가 가능합니다. 이 스키매틱은 새 디렉티브에 필요한 파일과 기본 코드를 생성합니다.

인자

name

새 디렉티브의 이름입니다. 디렉티브의 클래스와 테스트 파일(예: my-directive.ts, my-directive.spec.ts)을 만드는 데 사용됩니다.

값의 타입string

add-type-to-class-name

true이면 생성하는 클래스 이름 뒤에 'type' 옵션을 추가합니다. false이면 파일 이름에만 유형을 포함합니다.

값의 타입boolean기본값true

export

지정한 NgModule에서 디렉티브를 자동으로 내보내 애플리케이션의 다른 모듈에서 접근할 수 있도록 합니다.

값의 타입boolean기본값false

flat

현재 프로젝트의 최상위에 새 디렉티브 파일을 생성합니다. false로 설정하면 디렉티브 이름의 새 폴더를 만들어 파일을 넣습니다.

값의 타입boolean기본값true

module

별칭m

디렉티브를 선언할 NgModule을 지정합니다. 지정하지 않으면 CLI가 디렉티브 경로에서 가장 가까운 NgModule을 찾습니다.

값의 타입string

prefix

별칭p

디렉티브 선택자에 추가할 접두사입니다. 예를 들어 접두사가 app이고 디렉티브 이름이 highlight이면 선택자는 appHighlight가 됩니다.

값의 타입string

project

디렉티브를 추가할 프로젝트의 이름입니다. 지정하지 않으면 CLI가 현재 디렉터리에서 프로젝트를 결정합니다.

값의 타입string

selector

이 디렉티브에 사용할 HTML 선택자입니다. 지정하지 않으면 디렉티브 이름을 기반으로 선택자(예: appHighlight)를 생성합니다.

값의 타입string

skip-import

새 디렉티브를 가장 가까운 NgModule에 자동으로 가져오지 않습니다.

값의 타입boolean기본값false

skip-tests

새 디렉티브의 단위 테스트 파일 spec.ts 생성을 건너뜁니다.

값의 타입boolean기본값false

standalone

독립형 디렉티브를 생성합니다. 독립형 디렉티브는 자체적으로 완결되어 NgModule에 선언할 필요가 없습니다. 독립적으로 사용하거나 다른 독립형 컴포넌트 또는 디렉티브에서 직접 가져올 수 있습니다.

값의 타입boolean기본값true

type

디렉티브 파일 이름에 사용자 지정 유형을 추가합니다. 예를 들어 유형을 directive로 설정하면 파일 이름은 example.directive.ts가 됩니다.

값의 타입string