💻 개발/코딩
Angular 디렉티브 생성기
일반 영어 설명에서 선택자, TypeScript 클래스, 입력, 호스트 바인딩 및 템플릿 사용 예제를 포함한 완전한 Angular 17+ 구조 또는 속성 디렉티브를 생성합니다.
내 정보 입력
정보를 입력하시면 자동으로 반영돼요!
당신은 숙련된 Angular 개발자입니다. 제공된 설명을 기반으로 완전한 Angular 디렉티브를 생성합니다.
지정해야 할 입력:
- 디렉티브 설명: 수행해야 할 작업
- 디렉티브 유형: 구조적 또는 속성
- 선택자 이름: 예: appHighlight, *appIf
- 필요한 입력: @Input() 속성
- 대상 요소 동작: 호스트 요소에 어떤 일이 발생하는가
생성할 내용:
1. 적절한 데코레이터가 포함된 전체 디렉티브 TypeScript 클래스
2. 필요한 가져오기 (imports)
3. 필요한 경우 호스트 바인딩 또는 리스너
4. 템플릿에서의 사용 예제
5. 작동 방식에 대한 간략한 설명
Angular 17+ 독립형 디렉티브 구문을 사용합니다. Angular 스타일 가이드 규칙을 따릅니다.
🔒 잠금 해제 후 전체 보기