angular:component-interaction
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 다음 판 | 이전 판 | ||
| angular:component-interaction [2019/01/15 02:30] – 만듦 taekgu | angular:component-interaction [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| ===== Component Interaction ===== | ===== Component Interaction ===== | ||
| + | ==== From the parent component To the child component ==== | ||
| 1.Parent Component | 1.Parent Component | ||
| <code html> | <code html> | ||
| - | | + | < |
| </ | </ | ||
| 2.Child Component | 2.Child Component | ||
| 줄 13: | 줄 14: | ||
| } | } | ||
| } | } | ||
| + | </ | ||
| + | ==== From the child component To the parent component ==== | ||
| + | 1.child component | ||
| + | <code html> | ||
| + | < | ||
| + | <button (click)=" | ||
| + | </ | ||
| + | <code javascript> | ||
| + | export class TestComponentInteractionComponent implements OnInit { | ||
| + | @Input(' | ||
| + | @Output() public childEvent = new EventEmitter(); | ||
| + | |||
| + | constructor() { } | ||
| + | |||
| + | ngOnInit() { | ||
| + | } | ||
| + | firstEvent(){ | ||
| + | this.childEvent.emit(' | ||
| + | } | ||
| + | } | ||
| + | </ | ||
| + | 2.parent component | ||
| + | <code html> | ||
| + | < | ||
| + | < | ||
| </ | </ | ||
angular/component-interaction.1547519407.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)