84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
카드를 클릭하면 제품에 대한 정보가 포함된 "모달 창"이 열리게 하려면 어떻게 해야 합니까?
여러 가지 방법이 있습니다. 여기에도 실제 옳고 그름은 없습니다. 방법은 귀하의 애플리케이션에 적합해야 합니다. 항상 방법을 다소 추상적으로 유지하려고 노력한다면 근본적으로 잘못된 것은 없습니다.
아래 예에서는 귀하의 질문 아래에 있는 링크 모달 예를 사용하여 다음과 같이 조정했습니다.
모달의 해당 콘텐츠를 관리하는 데이터 개체를 추가했습니다. 여기에서는 인터페이스에 대해 API 호출을 사용할 수도 있습니다.
모든 버튼에 EventListener를 할당했습니다.
모달에서 변경 가능한 부분은 클릭 시 해당 콘텐츠로 교체됩니다.
완료!
여러 가지 방법이 있습니다. 여기에도 실제 옳고 그름은 없습니다. 방법은 귀하의 애플리케이션에 적합해야 합니다. 항상 방법을 다소 추상적으로 유지하려고 노력한다면 근본적으로 잘못된 것은 없습니다.
아래 예에서는 귀하의 질문 아래에 있는 링크 모달 예를 사용하여 다음과 같이 조정했습니다.
모달의 해당 콘텐츠를 관리하는 데이터 개체를 추가했습니다. 여기에서는 인터페이스에 대해 API 호출을 사용할 수도 있습니다.
모든 버튼에 EventListener를 할당했습니다.
모달에서 변경 가능한 부분은 클릭 시 해당 콘텐츠로 교체됩니다.
완료!