Всем привет. Подскажите, пожалуйста, почему Pagination выдает такую ошибку?

Question

Angular - русскоговорящее сообщество

Юлия

Всем привет. Подскажите, пожалуйста, почему Pagination выдает такую ошибку?

#angular #frontend #javascript #programming #russian

0

23.03.2022

14 ответов

8 просмотров

Юлия Автор вопроса

Oleg Safonov
Собственно в ошибке написано. Поле не объявлено ка...

Я понимаю ошибку. Но так написано в примере и если указать null дальше ошибка выходит, так как пагинатор не должен быть null (examlpes Pagination) https://material.angular.io/components/table/overview

0

23.03.2022

Юра 🪐

Юлия
Я понимаю ошибку. Но так написано в примере и если...

В примере старая версия тайпскрипта, или отключено это правило в конфиге

0

23.03.2022

Юлия Автор вопроса

Юра 🪐
В примере старая версия тайпскрипта, или отключено...

А что делать?)

0

23.03.2022

Andrey Mokeev 💙💛

Юлия
А что делать?)

поставить знак вопроса перед двоеточием, например, тогда ошибка тут исчезнет, но нужно будет везде условно обращаться к значению ( через ?. например)

0

23.03.2022

Юра 🪐

Юлия
А что делать?)

paginator!: Paginator. или отключить в tsconfig "strictPropertyInitialization": false

0

23.03.2022

Yuri Stepanov

Andrey Mokeev 💙💛
поставить знак вопроса перед двоеточием, например,...

не вопроса, а восклицательный)

0

23.03.2022

Andrey Mokeev 💙💛

Yuri Stepanov
не вопроса, а восклицательный)

зависит от того, что хочется добиться. вообще, не всегда очевидно, что в любой момент времени значение будет в поле. так что логичней именно вопроса.

0

23.03.2022

Юлия Автор вопроса

Yuri Stepanov
не вопроса, а восклицательный)

Ошибки нет, но pagination не работает)

0

23.03.2022

Андрей Юрченко

Юлия
А что делать?)

Сначала вы определили поля для пагинатора и таблицы. Восклицательным знаком вы даете компилятору понять, что пагинатор будет определен далле по коду до времени его вызова. Иначе он не инициализирован.

0

23.03.2022

Андрей Юрченко

Юлия
Ошибки нет, но pagination не работает)

Далее вы его инициализируете когда получаете данные для таблицы

0

23.03.2022

Андрей Юрченко

Юлия
Ошибки нет, но pagination не работает)

И в шаблоне выводите

0

23.03.2022

Юлия Автор вопроса

Андрей Юрченко
Далее вы его инициализируете когда получаете данны...

А если я, например, добавляю новое туду?

0

23.03.2022

Андрей Юрченко

Юлия

А если я, например, добавляю новое туду?

addData() { const randomElementIndex = Math.floor(Math.random() * ELEMENT_DATA.length); this.dataSource.push(ELEMENT_DATA[randomElementIndex]); this.table.renderRows(); } removeData() { this.dataSource.pop(); this.table.renderRows(); }

0

23.03.2022

Oleg Safonov · Accepted Answer

Oleg Safonov

Собственно в ошибке написано. Поле не объявлено как nullable и при этом значение его явно не задаётся Можно заглушить через !, насколько я понимаю, в данном случае нормальное решение, т.к. устанавливается ангуляром

0

23.03.2022

169 похожих чатов

Всем привет. Подскажите, пожалуйста, почему Pagination выдает такую ошибку?

14 ответов

Похожие вопросы