मेरे पास गतिशील छवियों की एक सूची है जिसे मैं केवल अस्पष्टता प्रदर्शित करना चाहता हूं जब उपयोगकर्ता विशेष छवि पर होवर करता है। मेरी समस्या यह है कि मैं प्रत्येक छवि को गतिशील रूप से एक आईडी असाइन करता हूं लेकिन तत्व की संपत्ति को गतिशील रूप से प्राप्त नहीं कर सकता।

मुझे गॉट इंटरपोलेशन ({{}}) की त्रुटि मिलती है जहां अभिव्यक्ति अपेक्षित थी

<span *ngFor="let image of imagess">   
  <img  attr.id="Image{{image.id}}"
    [src]="sanitizer.bypassSecurityTrustUrl('data:'+image.mimeType+';base64, '+image.frontImage)"       
    onmouseover="style.opacity=.16;"
    onmouseout="style.opacity=1;"
    />    
  <span onmouseover="document.getElementById('Image'{{image.id}}).style.opacity=.16;"> <----Right here is what I need 

  //Icons and other things here      
  </span>    
</span>
0
Terrance Jackson 14 अप्रैल 2020, 19:45

1 उत्तर

सबसे बढ़िया उत्तर

मैं इसे कोणीय तरीके से फिर से लिखूंगा:

<span *ngFor="let image of images">   
  <img
    ...
    #img   
    (mouseover)="img.style.opacity= '.16'"
    (mouseout)="img.style.opacity= '1'"
    />    
  <span 
    (mouseover)="img.style.opacity= '.16'"
    (mouseout)="img.style.opacity= '1'"
  >Hover over me</span>    
</span>

एनजी-रन उदाहरण

3
yurzui 14 अप्रैल 2020, 16:53