Как программно прокрутить MatDialogContent?

Question

У меня есть MatDialog (с MatDialogContent), который больше экрана, поэтому появляется вертикальная полоса. После неудачной отправки и повторной проверки всех полей формы я хочу условно прокрутить до конца этого диалогового окна, чтобы показать пользователю MatError. Как этого добиться?

Answer 1

Я реализовал программную прокрутку на div, но не уверен в MatDialogContent, но вы можете попробовать.

<div #scrollMe style="overflow: scroll; height: xyz;">
    // ...Scroling content
</div>

Затем в component.ts

import {..., ElementRef, ViewChild, OnInit} from 'angular2/core'
@Component({
    ...
})
export class ChannelComponent implements OnInit{

    @ViewChild('scrollMe') private myScrollContainer: ElementRef;

    scrollToBottom(): void {
        try {
            this.myScrollContainer.nativeElement.scrollTop = this.myScrollContainer.nativeElement.scrollHeight;
        } catch(err) {

        }                 
    }

    onError() {
        // Call scroll to bottom when you want to show error at bottom.
        this.scrollToBottom();
    }
}