스캔 한 후 QR 코드를 제거하십시오

Question

나는 stackoverflow 또는 온라인에서 문서를 읽거나 다른 유사한 질문을 검색했으나 올바르게 검색되지는 않습니다. QR 코드를 제거하는 방법을 모르겠습니다. 그것은 스캔되었습니다.

< p> 태그에 잘못 표시 되나요?

QR 코드는 데이터베이스에서 가져 오지 않은 유형 문자열에서 생성됩니다.

QR 코드를 읽었는지 확인하는 간격으로 데이터베이스와 스크립트를 실행해야합니다. 내가 잘못 가정합니까?

//in my file.ts 
createCode() { 
this.createdCode = this.qrData; 
} 

스캔 한 QR을 표시하는 내 코드

//in my file.html 
<ion-card *ngIf="createdCode"> 
    <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode> 
    <ion-card-content> 
     <p>Value: {{ createdCode}}</p> 
    </ion-card-content> 
</ion-card> 

당신이에서 가지고있는 관련된 질문이 있다면 나는 몇 가지를 통해 지점을 핀 수 아니에요, 그것은 저를 참조 해주세요 물마루 찾는 시간.

미리 감사드립니다.

Answer 1

신경 쓰지 마라. 나는 그것을 막는 스팬 클래스를 추가해야했다.

<span class = 
      "closebtn" onclick="this.parentElement.style.display='none';">&times; 
     </span> 
     <ion-card *ngIf="createdCode"> 
      <ngx-qrcode [qrc-value]="createdCode"></ngx-qrcode> 
       <ion-card-content> 
        <p>Value: {{ createdCode}}</p> 
       </ion-card-content> 
      </ion-card> 

및 file.scss에서 닫기 버튼을 표시하려면 다음을 추가하십시오.

.closebtn { 
    margin-left: 15px; 
    color: white; 
    font-weight: bold; 
    float: right; 
    font-size: 22px; 
    line-height: 20px; 
    cursor: pointer; 
    transition: 0.3s; 
    color: black; 
}