'Angular svg path' 태그의 글 목록

[Angular] SVG path element click 이벤트 함수 실행하는 방법

Intro 안녕하세요. 앵귤러에서 SVG path element에 click 이벤트 함수 실행하는 방법에 대해 알아보도록 하겠습니다. My Case 제 케이스의 경우 특정 SVG 요소를 클릭했을 때 함수를 호출하도록 하고 싶었습니다. 따라서 아래와 같이 구현하였습니다. svg 파일은 다음과 같습니다. ts 파일은 다음과 같습니다. @ViewChild('myPath') myPath: ElementRef; handleClick() { console.log("handleClick!!"); } 하지만, svg 파일의 path 요소를 클릭해도 handleClick 함수가 동작하지 않았습니다. Why? 클릭 이벤트가 발생하지 않는 문제는 조건이 충족하지 않았기 때문입니다. 클릭 이벤트를 처리하기 위해서는 해당 요소..

Framework/Angular 2023.04.10

Dev Diary 💻

Angular svg path 1

티스토리툴바