>

이온 3에서 깨진 이미지의 "div"를 숨기는 것에 대해 묻고 싶습니다

'onerror'를 사용하여 이미지를 숨길 수는 있지만 div의 장소는 숨겨지지 않았습니다. 내 코드는 다음과 같습니다.

<div *ngFor="let item of list;">
    <div style="width: calc(100%/2); float:left; position:relative; padding-bottom: calc(100%/2);">
        <img style="object-fit:cover; width: calc(100%); height: calc(100%); padding: 1px; position: absolute;" 
                    [src]="item.img" alt="Norway" 
                    onerror="this.style.opacity='0'" (click)="viewImage(item)"/>
    </div>
</div>

그래서 이미지가 깨진 경우 div를 수정하고 숨길 수있는 솔루션이 있습니까?

  • 답변 # 1

    onerror는 img 태그에서 작동하지 않습니다.

    <div *ngFor="let item of list;let i = index">
        <div style="width: calc(100%/2); float:left; position:relative; padding-bottom: calc(100%/2);">
            <img style="object-fit:cover; width: calc(100%); height: calc(100%); padding: 1px; position: absolute;"
                        [style.opacity]="error[i] ? 0 : 1"
                        [src]="item.img" alt="Norway" 
                        (error)="error[i] = true" (click)="viewImage(item)"/>
        </div>
    </div>
    
    

    ts파일 선언

    error:boolean[] = []
    
    

    데모 확인

  • 이전 html - 콘솔에서 복사 한 xpath에서 Google 스프레드 시트 importxml () 스크래핑이 작동하지 않습니다
  • 다음 Excel VBA - 엑셀 vba - 날짜가 다른 로그인/로그 아웃 시간을 계산하는 방법은 무엇입니까?