깜놀하는 해므찌로

Angular External Url / 앵귤러 외부 url 요청 예시 / 앵귤러 새창열기 본문

IT

Angular External Url / 앵귤러 외부 url 요청 예시 / 앵귤러 새창열기

agnusdei1207 2023. 5. 22. 16:40
반응형
SMALL

<app-icon
          src="assets\icon\instagram.svg"
          (click)="handleInstagram()"
        />

1. 템플릿 (click) 이벤트 달기

 

 

handleInstagram() {
    window.location.href = 'http://www.instagram.com/';
    window.open('http://www.instagram.com/', '_blank'); // 새 창열기
  }

2. window 를 활용하여 외부 url 요청 보내기.

 

 

 

반응형
LIST
저작자표시

'IT' 카테고리의 다른 글

typescript 접근제한자  (0) 2023.05.23
Swiper too big size / Swiper size handle example / 스와이퍼 슬라이드 사이즈 조절  (0) 2023.05.22
Tailwind 버튼 클릭 효과 / 버튼 클릭 시 커졌다 작아지는 효과  (0) 2023.05.22
Angular route config 가져와서 사용하기 예시  (0) 2023.05.22
typescript literal type / 리터널 타입 / intersection type / 교차 타입 / |, &  (0) 2023.05.22
'IT' Related Articles more