"모달" 창을 여는 방법 살펴보기

Question

카드를 클릭하면 제품에 대한 정보가 포함된 "모달 창"이 열리게 하려면 어떻게 해야 합니까?

으아악

Answer 1

여러 가지 방법이 있습니다. 여기에도 실제 옳고 그름은 없습니다. 방법은 귀하의 애플리케이션에 적합해야 합니다. 항상 방법을 다소 추상적으로 유지하려고 노력한다면 근본적으로 잘못된 것은 없습니다.

아래 예에서는 귀하의 질문 아래에 있는 링크 모달 예를 사용하여 다음과 같이 조정했습니다.

1. 모달의 해당 콘텐츠를 관리하는 데이터 개체를 추가했습니다. 여기에서는 인터페이스에 대해 API 호출을 사용할 수도 있습니다.

2. 모든 버튼에 EventListener를 할당했습니다.

3. 모달에서 변경 가능한 부분은 클릭 시 해당 콘텐츠로 교체됩니다.

완료!

으아악 으아악 으아악