목록angular input (1)

깜놀하는 해므찌로

Angular @Input / Angular @Output 활용 예시

/** 자식 컴포넌트 */ import { Component, Input } from '@angular/core'; // Input 심볼을 로드합니다. export class ItemDetailComponent { @Input() item = ''; // 프로퍼티에 @Input() 데코레이터를 지정합니다. } 1. 자식 컴포넌트에서 Input 심볼 로드 2. 클래스 프로퍼티에 @Input 데코레이터 선언 3. 어떠한 타입이라도 자유롭게 전달 가능 4. item 프로퍼티에 맞는 타입으로 데이터를 전달하는 것은 부모 컴포넌트의 몫 Today's item: {{item}} 5. 표기법 : {{ 프로퍼티명 }} 6. 부모 템플릿은 자식 컴포넌트 selector 를 태그에 감싸 사용하여 currentItem 값을..
IT 2023. 4. 5. 11:38
이전 Prev 1 Next 다음