Отображение страницы, отображаемой на стороне сервера, в угловом приложении

Question

Я использую Angular 6 и рендеринг на стороне сервера.

Что я хочу сделать, это:

Когда вывод страницы полностью отображается и мы кешируем его в nginx в течение 30 минут, можно ли показать точную страницу (страница, отображаемую ssr) при первом запросе URL?

Позвольте мне уточнить вопрос, я хочу сделать это: Я открываю http://myExampleSite.com,, потому что это первый запрос, который страница обрабатывает с помощью ssr, а данные отправляются в браузер. Я хочу показать обработанные данные в первом запросе (когда он поступил из ssr), чтобы предотвратить еще один http-вызов.

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

Я думаю, что когда угловое приложение загружается, оно загружает. html файл, упомянутый в компоненте, все данные из ssr теряются.

Есть ли способ получить доступ к данным страницы, отображаемым ssr?

И почему я это делаю? потому что я хочу предотвратить http-вызовы extera, потому что ssr уже предоставляет данные, и при изменении маршрута все в порядке, это вызывает http-вызовы и повторное отображение страницы, но не при первой загрузке страницы.

Большое вам спасибо

Answer 1

То, что я имел в виду в комментарии, выглядит примерно так:

mycomponent.html

<div [innerHTML] = "htmlstring" ></div>

mycomponent.ts

export class mycomponent implement OnInit {  
ngOnInit() {
     // make http get call to myexamplesite.com
   // the response should be a string of html page (the ssr rendered page) 
  // assign the response to htmlstring  variable
   htmlstring = response
   } 
}

так что каждый раз при первой загрузке страницы, контент всегда один myexamplesite возвращает