검색
검색

Angular : 자식 요소를 클릭 할 때 부모에 클래스를 추가하는 방법

abcid d 에 게시 Dev
23
abcid d

나는 이와 같은 HTML이

<div class="parent"> // This is parent
     <div class="child" (click)="addClassToParent()"></div>// This is child
</div>

Angular에서 자식을 클릭 할 때 부모에게 새 클래스 (예 : '부모 스타일')를 추가하려면 어떻게해야합니까?

도반 탕 

addClassToParent() {
  this.clickEventXXX = true
}
<div class="parent" [class.parent-style]="clickEventXXX"> // This is parent
     <div class="child" (click)="addClassToParent()"></div>// This is child
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Angular 2-부모 요소를 클릭 할 때 자식 클릭 방지?

CSS : 자식 요소를 클릭 할 때 부모 요소가 : active 가상 클래스를받는 것을 방지합니다.

Angular 6에서 각 라디오 버튼을 클릭 할 때 body 요소에 해당 클래스를 추가하는 방법

C # 제네릭 형식이 일부 클래스를 구현할 때 클래스를 캐스팅하는 방법

클릭 할 때 요소에 CSS 클래스를 추가하려는 경우

for 루프에서 eventListener를 추가할 때 클릭된 요소를 식별하는 방법

각 루프에서 jquery 내부에서 요소를 클릭 할 때 모든 형제 요소의 클래스를 제거하는 방법

Angular 8 : 사용자가 자식 구성 요소 텍스트 상자를 클릭 할 때 부모 구성 요소가 감지하도록 함

Javascript로 외부 요소를 클릭할 때 클래스를 전환하는 방법은 무엇입니까?

클릭 할 때마다 요소의 클래스를 추가하고 제거하는 방법

VUEjs에서 자식 메뉴 클릭시 부모에 클래스를 추가하는 방법

사용자가 클릭 할 때 Dart에서 HTML 요소를 바꾸는 방법

Angular 7에서 버튼 클릭 시 양식 요소를 추가하는 방법

Javascript를 사용하여 부모의 자식 요소에 클래스를 추가하는 방법

클릭 할 때마다이 클래스를 추가하는 방법

jquery / javascript를 사용하여 div를 클릭 할 때 텍스트 상자에 문자를 추가하는 방법

목록 항목을 클릭 할 때 자식에서 부모로 데이터를 전달하는 방법

Angular 2는 자식을 클릭 할 때 부모를 클릭하지 못하도록합니다.

자식이 다른 태그를 가질 때 요소의 모든 자식에 클래스를 추가하는 방법

입력 요소를 클릭 할 때 양식 자식의 텍스트를 얻는 방법

자식이 새로 생성 된 요소를 클릭했을 때 부모 요소의 ID를 얻는 방법

부모 및 자식 요소 클릭에서 부모 ID를 얻는 방법

자식 요소를 클릭할 때 onClick이 실행된 요소를 가져오는 방법

사용자가 특정 요소 외부를 클릭할 때 *ngIf를 사용하여 HTML 요소 숨기기(Angular)

Vue에서 슬롯 자식 구성 요소를 클릭 할 때 부모 구성 요소의 방출을 무시하십시오.

자바 스크립트 외부를 클릭 할 때 모달을 닫는 방법

JavaScript를 사용하여 자식 요소를 클릭할 때 부모 div를 닫는 방법은 무엇입니까?

다른 TextView를 클릭 할 때 EditText에 포커스를 추가하는 방법

제출 버튼을 클릭 할 때 JavaScript를 사용하여 ul에 li 요소를 추가하는 방법

TOP 리스트

  1. 1

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  2. 2

    std :: regex의 일관성없는 동작

  3. 3

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  4. 4

    PrematureCloseException : 연결이 너무 일찍 닫혔습니다.

  5. 5

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  6. 6

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  7. 7

    Ionic 2 로더가 적시에 표시되지 않음

  8. 8

    Seaborn에서 축 제목 숨기기

  9. 9

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  10. 10

    복사 / 붙여 넣기 비활성화

  11. 11

    ArrayBufferLike의 typescript 정의의 깊은 의미

  12. 12

    Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?

  13. 13

    Kubernetes Horizontal Pod Autoscaler (HPA) 테스트

  14. 14

    jfreecharts에서 x 및 y 축 선을 조정하는 방법

  15. 15

    PRNG 기간보다 순열이 더 많은 목록을 무작위로 섞는 방법은 무엇입니까?

  16. 16

    C # HttpWebRequest 기본 연결이 닫혔습니다. 전송시 예기치 않은 오류가 발생했습니다.

  17. 17

    다음 컨트롤이 추가되었지만 사용할 수 없습니다.

  18. 18

    잘못된 구성 개체입니다. Webpack이 Angular의 API 스키마와 일치하지 않는 구성 개체를 사용하여 초기화되었습니다.

  19. 19

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  20. 20

    R의 마침표와 숫자 사이에 문자열 삽입

  21. 21

    Assets의 BitmapFactory.decodeStream이 Android 7에서 null을 반환합니다.

뜨겁다태그

보관