Когда именно Angular Universal отправляется клиенту?

#angular #server-side-rendering #angular-universal

Вопрос:

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

Например, у меня есть компонент, в котором я получаю задачи и отображаю их

 ...
ngOnInit() {
  this.tasksService.getAll().subscribe(tasks => this.tasks = tasks);
}
....
 

Когда этот компонент будет отправлен клиенту? Отправляет ли сервер основной шаблон, а затем запрос выполняется на клиенте, и этот клиент отображает выбранные задачи? Или сервер ждет, пока запрос будет завершен, и после этого составляет шаблон и отправляет клиенту?

Какое из описанных выше способов поведения выполняется и есть ли возможность его изменить?

Комментарии:

1. Angular Universal полностью отобразит любой компонент, к которому вы примените SSR. Это означает, что все вызовы служб и т. Д. Будут выполняться на стороне сервера, чтобы в качестве ответа можно было отправить полностью отрисованный компонент. Как только этот первоначальный ответ будет подан, Angular берет на себя управление на стороне клиента.

2. @Brandon есть способ изменить это поведение в определенных шагах? Например, я хочу разбиение на страницы для комментариев (бесконечная прокрутка или кнопка «Показать больше») — здесь мне нужно, чтобы мой интерфейс вызывал API и изменял DOM самостоятельно.

3. Это должно быть обработано-на стороне клиента автоматически. На стороне сервера обрабатывается только начальный рендеринг компонента. Например, любые события щелчка будут происходить на стороне клиента.

4. @Брэндон спасибо, ты ответил на мой вопрос

5. Пожалуйста. Всегда рад помочь.