Angular 9 시리즈(VIII)는 집합을 통해 이벤트를 트리거하여 자식 컴포넌트의 값을 업데이트합니다

작은 쓰레기 같은 놈들 · 게시됨 2020. 6. 17. 오후 5:46:48

Angular 9 시리즈 (1) 동적 부하 구성 요소
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 시리즈(2) 동적 성분 전송 매개변수
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 시리즈(3)는 동적 컴포넌트 이벤트를 구독합니다
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 시리즈(V)는 금액 통화 형식을 제공합니다
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 시리즈(VI)는 네이티브 JS 변수와 메서드를 호출합니다
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 시리즈 (VII) CSS 스타일 스코프
https://www.itsvse.com/thread-9264-1-1.html

부모 컴포넌트에 값을 전달하는 과정에서 EventEmitter를 사용해 값을 부모 컴포넌트에 보낼 수 있고, 부모 컴포넌트는 메서드에서 얻은 값을 조작할 수 있습니다.

부모 컴포넌트가 자식 컴포넌트에 묶은 값들은 전송 시 변수로 수신되며, @Input()의 집합 메서드를 사용하여 들어오는 값을 조작하고 처리해야 합니다.

먼저, 부모 컴포넌트의 "자식 컴포넌트 콘텐츠 업데이트" 버튼을 눌러 자식 컴포넌트가 표시하는 콘텐츠를 업데이트하고, 각 업데이트의 내용을 출력합니다. 효과는 다음과 같습니다:

하위 구성 child-page.component.html 코드:

로그인이 보이네요.

하위 구성 child-page.component.ts 코드:

로그인이 보이네요.

부모 컴포넌트 index.component.html 코드:

로그인이 보이네요.

부모 컴포넌트 index.component.ts 코드:

로그인이 보이네요.

(끝)

작은 쓰레기 같은 놈들 · 게시됨 2024. 5. 29. 오후 4:13:47

Angular 17 시리즈(XVII)는 @Input 값의 변화를 감지합니다
https://www.itsvse.com/thread-10775-1-1.html

[각] Angular 9 시리즈(VIII)는 집합을 통해 이벤트를 트리거하여 자식 컴포넌트의 값을 업데이트합니다

관련 게시물

본 섹션