@ViewChild gives wrong element

[javix]

Hi, ich versuche das Problem lieber auf Deutsch zu beschreiben, wenn es für dich kein Problem ist.

Ich habe einen Button:

<button class="btn btn-secondary"
                    #discardButton
                    [disabled]="model.disabled"
                    (click)="onDiscard()"
                    translate="{{ model.discardButtonText }}"></button>

Nun versuche ich das Element per @ViewChild zu referenzieren:

    @ViewChild( 'discardButton' )
    public discardButton: ElementRef;

Um dann das Element zu fokusieren:

    @Override()
    public ngAfterViewInit(): void {
        setTimeout( () => {
            $( this.discardButton.nativeElement ).focus();
        }, 100 );
    }

Nun ist discardButton keine Instanz von ElementRef, sondern von TranslateComponent. Wenn ich die translate-Direktive entferne, dann funktioniert alles.

[javix]

Sorry, habe das gelöst, liegt an Angular. In diesem Fall geht das so:

    @ViewChild( 'discardButton', {read: ElementRef} )
    public discardButton: ElementRef;