Свойство angular div scrollTop не устанавливается - PullRequest
Новая
       9

Свойство angular div scrollTop не устанавливается

0 голосов
/ 28 сентября 2018

В моем угловом приложении у меня есть div, который отображает таблицу.Таблица динамически увеличивает свою высоту в зависимости от добавляемых строк.Как только таблица обновляется новыми строками, мне нужно показать полосу прокрутки в конце элемента div.

Я добавил элемент ссылки в DIV и использовал его в компонентном файле для установки scrollTop.Но scrollTop не установлен. 

<div #scrollDiv >
<table>
</table>
</div>

@ViewChild('scrollDiv') private myScrollDiv: ElementRef;

testUpdateTable() {
    this.myScrollDiv.nativeElement.scrollTop = this.myScrollDiv.nativeElement.height;
}

<button type="button" id="btn" class="btn-primary" (click)="testUpdateTable()" >Update List</button>

Если я устанавливаю это свойство непосредственно в DIV, оно работает, но однажды мне нужно очистить таблицу, когда очищается, я получаю ошибку uncheckedexpression.

Это работает: 

<div #scrollDiv [scrollTop]="scrollDiv.scrollHeight">
<table>
</table>
</div>
...