Ресурсы на стороне сервера оказываются скудными, на самом деле я не мог найти ничего, что бы четко объясняло, как все работает. Я видел некоторые репозитории, пытался следовать коду, но не смог понять суть этого. Если я обычно запускаю angular, я знаю, что происходит:
- Загружается файл HTML:
<html><body><my-app>...</my-app><SCRIPTS/></body></html>
- Сценарии загружаются...
- Angular обрабатывает код и заменяет
<my-app>
всеми лакомствами внутри.
Для этого приложения:
@Component({
selector: 'my-app'
template: `<p *ngFor="let i of items">{{ i }}</p>`,
})
export class AppComponent {
items = [1, 2, 3];
}
Я могу увидеть html (plunker) и посмотреть:
<my-app>
<!--template bindings={
"ng-reflect-ng-for-of": "1,2,3"
}-->
<p>1</p>
<p>2</p>
<p>3</p>
</my-app>
Все ясно до сих пор! (
Но что происходит с prerender? Если я создам такой файл:
<html>
<body>
<my-app>
<!--template bindings={
"ng-reflect-ng-for-of": "1,2,3"
}-->
<p>1</p>
<p>2</p>
<p>3</p>
</my-app>
<SCRIPTS/>
</body>
</html>
Что выполнит angular после загрузки сценариев? Могу ли я использовать этот html вместо первого? Если кто-то понимает, как этот процесс работает, пожалуйста, поделитесь (Любая информация об этом материале будет полезна... Могу ли я Скопировать outerHTML и сделать так, чтобы моя "предварительная страница"?... это:
Если нет, то почему? Я ищу суть процесса, пример, который можно закодировать вручную и работать...