חשיפת אובייקט html ב-javascript בקוד.

[שיווקי]

חשיפת אובייקט html ב-javascript בקוד.

אני רוצה באמצעות לחיצה על אובייקט html, לשנות לו תכונות (שימוש גם באנגולר).

למשל, ב-html רשום:

 <table id="imagetable" class="table selected">
    <tr>
      <td *ngFor = "let item0 of allCategories">
        <img src="{{pathName}}/{{item0.fileName}}" (click)="ImageClick(this)">
      </td>
     </tr>
  </table>

ב-imageClick בקוד, אני רוצה לראות למשל מה ה-src המדובר (לדוגמה).
משום מה בהצגה של ה-src מחזיר לי undefined.

 public ImageClick(el)
  {
    alert($(el).prop("src"));
  }

הנ"ל זה רק דוגמה.

במה טעיתי בנ"ל?

תודה.

 

[selalerer]

לא ככה עושים את זה ב-Angular.

תיתן ID ל-element בסינטקס של Angular (סולמית), תשים על member שלך את הדקורטור ViewChild@ כשה-member הוא מסוג ElementRef ואז תוכל להשתמש ב-nativeElement שלו בכדי לעשות מניפולציות על ה-DOM.
&nbsp
https://blog.angularindepth.com/exploring-angular-dom-abstractions-80b3ebcfc02
&nbsp
עוד אפשרות זה להשתמש בתכונה [innerHTML] ב-HTML של ה-component שלך.
&nbsp
אפשרות שלישית זה Renderer2 שגם נותן לך אפשרות לשנות את ה-DOM.
&nbsp
&nbsp
&nbsp
אני חושב שה-Renderer2 נחשב השיטה המומלצת אבל לא לגמרי סגור על זה