angular 2 json async

[shoopik]

Привет, возник такой вопрос,
делаю следующее:
<li *ngFor="let key of keys | async">
{{key}}
</li>

Keys тащится из json файла, т.е. если я убираю async, все работает как надо. Если я ставлю async, выскакивают ошибки типа object object object... много их в общем, и в конце errora - ошибка asyncpipe.

Смысл в чем, этих самих key свыше 1000, и это сильно тормозит страницу,
ищу варианты как можно убрать тормоза

[destus]

ищу варианты как можно убрать тормоза

Это очень абстрактный вопрос и все зависит от того, в каком контексте используются эти самые элементы. Если это интернет магазин и item это какой-то продукт, то можно использовать виртуальный скролл. Если это таблица, то пейджинг. Ну и trackBy обязательно указывать, чтобы не было страшно при перестроении DOM.

[shoopik]

Это очень абстрактный вопрос и все зависит от того, в каком контексте используются эти самые элементы. Если это интернет магазин и item это какой-то продукт, то можно использовать виртуальный скролл. Если это таблица, то пейджинг. Ну и trackBy обязательно указывать, чтобы не было страшно при перестроении DOM.

Это список городов, там окошко со скроллом, ну смысл при загрузке страницы из-за этой 1000 городов, она подвисает , может в lifecycle какой-то засунуть, ну чтобы сначала грузилась страница, а потом подругружался список