공부하는 존버맨

  • 홈
  • 태그
  • 방명록

ngswitchcase 1

[Angular] ngComponentOutlet과 ngSwitchCase로 동적 컴포넌트 표시

웹 애플리케이션을 개발하다 보면, 사용자의 선택에 따라 다른 컴포넌트를 보여줘야 하는 상황이 있습니다. 예를 들어, 사용자가 선택한 메뉴에 따라 페이지 내용이 바뀌거나, 특정 조건에 따라 다른 컴포넌트를 로딩하는 것이 필요할 때가 많습니다. Angular에서는 ngComponentOutlet과 ngSwitchCase를 사용하여 이러한 기능을 쉽게 구현할 수 있습니다.ngComponentOutlet과 ngSwitchCase란?ngComponentOutlet: 컴포넌트 클래스를 직접 참조하여 동적 컴포넌트를 로드할 수 있게 하는 Angular 디렉티브입니다. 이 디렉티브를 사용하면, 코드에서 컴포넌트를 선택하고 해당 위치에 동적으로 삽입할 수 있습니다.ngSwitchCase: 여러 옵션 중에서 조건에 맞는 ..

FE/Angular 2024.11.07
이전
1
다음
더보기
프로필사진

공부하는 존버맨

개발 및 경제 블로그입니다. 부자가 되고 싶어요.

  • 분류 전체보기 (112)
    • 주식 (30)
      • 투자 (1)
      • 기업분석 (19)
      • 비트코인 (9)
    • 거시경제 (2)
      • 트럼프 (2)
    • Programming Language (8)
      • JS & TS (7)
      • Python (1)
    • FE (12)
      • Angular (11)
    • 백준 코딩테스트 (25)
      • 그리디(Greedy) (14)
      • 구현 (3)
      • 완전탐색(Brute force) (2)
      • DFS, BFS (6)
    • MLOps (23)
      • Airflow (23)
    • ETC (3)
      • 정보처리기사 (2)
    • Projects (7)
      • ClimaML (5)

Tag

angular, Dag, 가상화폐, 비트코인, LUNR, 전기차 충전소, Python, 트럼프, 오블완, airflow, 전기차, 인튜이티브 머신스, evgo, 로보택시, 암호화폐, ETL, 주식, 일드맥스, 티스토리챌린지, 달,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/11   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바