본문 바로가기 메뉴 바로가기

CheolCheol Dev Note

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

CheolCheol Dev Note

검색하기 폼
  • 분류 전체보기 (146)
    • BackEnd (64)
      • Node.js (30)
      • Java (34)
    • FrontEnd (41)
      • Angular (36)
      • CSS (5)
    • DB (7)
      • Mysql (7)
    • DevOps (6)
      • AWS (1)
      • Docker (1)
      • 네트워크 (3)
      • K8S (1)
    • 기타 (28)
      • 기타 글들 (16)
      • 인앱 결제 서버 (Old) (3)
      • 페이스북 로그인 구현 (Old) (7)
  • 방명록

Router Outlet (1)
angular router popup

웹페이지를 만든다면 모달과 팝업을 만드는 일은 흔한일인것 같다. 나같은경우는 주로 팝업보다 모달을 생성을 많이 했는데 이게 개인적으로는 어렵게 느껴졌다. 여러가지 방법이야 있겠지만 나는 주로 부트스트랩을 이용해 모달을 띄우는 형식을 사용했었다. 부트스트랩을 이용한 방법은 다음과 같다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 모달을 띄우기 위한 이벤트를 주는 버튼에다가 data-toggle 및 data-target 지정 밑에는 예제 소스이다. Large modal ... 예제 모달 이걸 Angular에도 적용하는 법은 비슷하다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 하위 컴포넌트 지정 3. 상위 컴포넌트의 이벤트..

FrontEnd/Angular 2018. 8. 7. 11:30
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 파이썬
  • jQuery
  • Router
  • 페이스북 로그인
  • data table component
  • https://www.tistory.com/auth/logout/
  • Angular
  • data gird component
  • data grid component
  • CSS
  • Redux
  • JPA
  • data component module
  • 파이썬3
  • Facebook
  • python3
  • React-router
  • MySQL
  • JSON
  • JavaScript
  • Java
  • data component
  • localStorage
  • Python
  • react
  • facebook login
  • Spring
  • Spring Boot
  • angular router
  • mobx
more
«   2025/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바