Хотите предотвратить восстановление компонентов во время маршрутизации в Угловом 2

Question

Предположим, у нас есть два маршрута Dashboard и Profile. Dashboard имеет функцию динамических вкладок, такую ​​как Google spreadsheet. Я хочу сделать некоторые взаимодействия (строить диаграммы, визуализировать некоторые данные), создавая вкладки в Dashboard. Теперь, если я перейду на Profile, а затем вернусь обратно к Dashboard, я хочу посмотреть, что было раньше на этих вкладках в Dashboard. Это означает, что я хочу поддерживать состояние на стороне клиента. AFAIK при маршрутизации между компонентами, он воссоздает компоненты. Возможно ли сделать таблицу как приложение при использовании угловой 2-маршрутизации? Мне нужно использовать маршрутизацию, потому что в моем приложении я должен использовать функцию LazyLoading.

Итак, какова должна быть идея? Я новичок в угловых 2.

Answer 1

В настоящее время компоненты повторно используются только, когда изменяются только параметры маршрута, оставаясь на том же маршруте.

Если маршрут изменен, событие, когда новый маршрут добавляет один и тот же компонент, компонент воссоздается.

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

Было упомянуто, что планируется поддержка пользовательских стратегий повторного использования с маршрутизатором, но нет временной шкалы, когда это станет доступным.

Update

Поддержка пользовательских стратегии повторного использования был добавлен в Angular2.

Смотрите также

• https://www.softwarearchitekt.at/post/2016/12/02/sticky-routes-in-angular-2-3-with-routereusestrategy.aspx

• https://github.com/angular/angular/issues/7757#issuecomment-236737846

• Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?