Как передавать сообщения на экран загрузки приложения Angular?

Question

Когда загружается приложение angular2, содержимое в index.html отображается до тех пор, пока оно не будет заменено кодом компонентов приложения, и мы обычно обмениваем его на изображение, анимацию или статическое сообщение типа «подождите, загружается».. '

Но есть ли способ зарезервировать пространство с помощью связанной переменной, чтобы показать сообщение для каждого фрагмента приложения, которое загружается и в котором есть сообщение для совместного использования, например, эти заставки приложенийкак затмение?

Answer 1

Да, вы можете . Вы можете использовать обычный HTML, CSS и JavaScript перед загрузкой углового ядра.

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

<p id="demo"></p>

<script>
  document.getElementById("demo").innerHTML =
    "The full URL of this page is:<br>" + window.location.href;
</script>

Здесь дело в том, что вы ничего не можете загрузить с угловой стороны. Никакая информация не может быть загружена из углового сердечника.

Что вы можете сделать, так это то, что вам нужно знать, какой компонент будет загружен на основе текущего маршрута (URL). Таким образом, используя текущий маршрут, вы можете показать динамический контент. Все до CSS, JS и HTML.

Но нет другого способа получить доступ к Angular Core.