Wie mache ich einen "onload" - event im Winkel 5

Ich versuche, eine Funktion aufzurufen, onload element, wie ein onload="Funktion()" in Javascript.

Also dies ist der code,

<div class="img-circle" [id]="pet.id" (load)="imgLoad( pet.id, pic )"></div>

Funktion ist in Ordnung, ich versuche mit (Klick) und funktioniert, aber ich versuche mit (load), (onload), (geladen werden) und arbeitet nicht.

  • Warum verwenden Sie es nicht constructor oder ngOnInit zum laden ?
  • Wollen Sie Autofokus auf div?
  • Aber dieses div ist in einem ngFor und de-Werte der Parameter bekommt den Wert, wenn das ngFor load Werte
  • Ohne Autofokus, nur div laden
InformationsquelleAutor Guilherme de Mello | 2018-05-13
  1. 1

    Versuchen HostListener.

    @HostListener('document:click', ['$event'])
runThisMethod() {
  //your code goes here.
}

    Wenn die Maus geklickt wird, auf dem Dokument, dann führen Sie diese Methode.
    Aber für benutzerdefinierte div, verwenden Sie Richtlinien + HostListener.
    Für Ex:

    <app-myComponent appChbgcolor> {{title}} </app-myComponent>
    @Directive({
        selector: '[appChbgcolor]'
    })

    export class ChangeBgColorDirective {
        constructor(private el: ElementRef, private renderer: Renderer) {
            this.ChangeBgColor('red');
        }

        ChangeBgColor(color: string) {
            this.renderer.setElementStyle(this.el.nativeElement, 'color', color);
        }

        @HostListener('onload') onClick() {
           window.alert('Host Element Clicked');
        }
    }
    • Ich mein problem lösen mit der Antwort ist unten, aber danke für die Hilfe.
    • Vielleicht-Richtlinien lösen kann, mein problem zu Finden ya
    InformationsquelleAutor Shadab Faiz
  2. 0

    In meiner Funktion habe ich versucht, das angegebene Modul wurde ein Stil in diesem div, das war params zu setzen background-image: url(base64);

    Also... ich verändern, um dieses, und arbeitet

    [ngStyle]="{ 'background-image': 'url(' + pic + ') '}

    Event-Bindung (laden,onload geladen) nicht vorhanden ist.

    • Gut zu wissen, dass du dein problem gelöst, aber ngStyle ist die andere Sache. Auch die mehr zweckmäßig zu benutzen, wird ngAfterViewInt()
    InformationsquelleAutor Guilherme de Mello
  3. 0

    Den richtigen Weg zu ersetzen, die onload-Funktion wird durch die Verwendung ngOnInit. Einfach umzusetzen OnInit auf die app-Komponente.

    Mehr info: https://angular.io/api/core/OnInit

    • Ich glaube nicht, dass dies deckt dynamische Inhalte, wie *ngIf Bedingungen
    InformationsquelleAutor Hola Soy Edu Feliz Navidad
Schreibe einen Kommentar