Как Angular Запуск приложения? какой файл выполняется первым?

Question

Main.ts и index. html работает параллельно? если нет, какой файл запускается первым? если main.ts, то как angular знает, что он должен отображать индекс. html в браузере?

Answer 1

Когда кто-то посещает индекс вашего сайта. html будет первым обслуживаемым файлом. Здесь будет загружен javascript, который затем будет bootstrap Angular. CLI Angular автоматически добавляет импорт для вашего javascript в индекс. html во время сборки (ng build). Создайте свое приложение и загляните в каталог сборки (по умолчанию dist /), вы найдете индекс. html и внутри него будут некоторые теги сценария: что-то вроде: <script src="main.123.js"></script>. Это скомпилированная версия main.ts и способ загрузки и выполнения main.ts в вашем приложении.

Здесь вы можете увидеть, как структурировано приложение angular: https://angular.io/guide/file-structure. Если вы найдете индекс. html на этой странице, он объясняет, как это точка входа в ваше приложение.

Answer 2

https://dev.to/casperns/how-angular-trigger-indexhtml-and-start-working-1l46

• Angular началось с main.ts.
• Затем мы bootstrap angular приложения и передаем app.module.ts в качестве аргумента. В app.module.ts мы говорим angular: «Есть компонент приложения, о котором вы должны знать, когда пытаетесь запустить себя».
• И angular теперь анализируем этот компонент приложения, читая настройки, которые мы передаем туда, и есть приложение SELECTOR- root.
• Теперь angular позволяет обрабатывать приложение- root в индексе. html и знает правила для SELECTOR.
• SELECTOR должен вставлять компоненты приложения и иметь некоторые HTML код - прикрепленный к нему шаблон - html компонент.
• Так запускается приложение Angular.