Неожиданное поведение прокрутки в angular
Я столкнулся с неожиданным поведением прокрутки, как показано ниже
Если я удалил тег таблицы в HTML, он отлично работает
Но, честно говоря, я не знаю почему.
Я не кодировал ничего, связанного с событием прокрутки и ТАБЛИЦЕЙ
Не существует только одного поведения Это событие прокрутки происходит 7 ~ 10 раз.
Поиск некоторого события прокрутки, которое я закодировал в WebStorm
-> Никогда
Я удалил этот тег таблицы в HTML, потом работает нормально
-> Я не закодировал "любой" Typescript или что-то еще с этим тегом таблицы
Я действительно не знаю почему
Трудно объяснить, почему происходит это событие. Может ли кто-нибудь дать мне руководство по отладке?
Потому что на самом деле ... я не знаю, как отлаживать это
@ danday74 просто возвращает Array (5);
что возвращает JSON.stringify (numberArray (5))?
@ danday74 "[null, null, null, null, null]" только для 5 циклов
@ danday74 <tr * ngFor = "let item of numberArray (5); index as i"> Это правильно? После исправления этого, но событие прокрутки все еще запущено
так хорошо выглядит
@ danday74 извините, но событие прокрутки все еще запущено
это работает, если вы используете меньшее число, чем 5? Также см. Альтернативный код в моем ответе - начните с основ и постепенно наращивайте, добавляя свои классы один за другим, чтобы определить, что вызывает проблему.
но это не сработает, если я использую меньшее число, чем 5. Я видел ваш ответ. все еще не работает, но я попробую ваше предложение. Спасибо, но так больно разобраться в этой ошибке
@ danday74 Эта ошибка возникает при перезагрузке ... на localhost: 4200 / p / 1 После того, как я пойду домой (localhost: 4200) и перейду на localhost: 4200 /shops / p / 1, эта ошибка исчезнет .. Хотя, я перезагрузил эту страницу по адресу localhost: 4200 /shops / p / 1, теперь все работает нормально. Действительно проводной, проводной
Ответы 1
let i = index
неверно, в зависимости от вашей версии Angular, в более новых версиях используется
index as i
см. https://angular.io/api/common/NgForOf
Вы могли сделать:
<table>
<tr *ngFor = "let i of [0,1,2,3,4]">
<td>{{i}}</td>
</tr>
</table>
что возвращает numberArray (5)?