2016-11-18 4 views
0

외부 소스 (Java ee 서버의 qrcode)에서 이미지를 만듭니다. Angular2 앱이 이미지 데이터를 업데이트 할 때 서버에서 모든 정보가 업데이트되지만 각도가 적용된 이미지는 새로 고쳐지지 않습니다. 나는 현재 zone.run을하고 있지만 이미지를 리프레시하는 것 같지 않습니다. 전체 페이지가 새로 고쳐지면 모든 것이 잘됩니다 (예를 들어 location.reload를 배치하면됩니다). 외부 소스에서 이미지를 적절히 새로 고치는 방법은 없습니다.영역 2 이미지가 영역 실행으로 새로 고침되지 않습니다.

템플릿이 있습니다

 <img [src]=url /> 

성분이 가지고

 this.zone.run(()=>{ 
      this.url = QRURL + this.selectedProduct.id; 
     }); 

QRURL 이미지의 생성을 실행하는 서버의 URL을 포함하는 정수이다.

+0

자신이 직접 zone을 실행할 필요는 없습니다. 캐시 문제이거나 문법에 관한 것입니다 (''은''이어야합니다.)'this.zone.run' 주위에 약간의 코드를 주시면 더 많은 컨텍스트가 필요합니다. – Maxime

+0

캐시 문제 일 경우 변경하십시오. 귀하의 URL은 다음과 같습니다 :'this.url = QRURL + this.selectedProduct.id + '?'+ new Date(). getTime();'이렇게하면 브라우저가 타임 스탬프로 인해 일부 캐시에 도달하지 않습니다. – Maxime

답변

0

따옴표로는 수정되지 않았지만 Maxime의 두 번째 주석은 수정되었습니다. 내 일정한 alread y에는 쿼리 문자열이 있었기 때문에 날짜 매개 변수를 다른 매개 변수로 추가 했으므로 트릭을 수행하고 zone.run을 제거 할 수있었습니다. 최종 변수는 다음과 같습니다.

 this.url = QRURL + this.selectedProduct.id + '&date=' + new Date().getTime(); 

감사합니다.