TypeScript, Bootstrap, Main.ts

TypeScript

Это суперсет, расширяющий возможности javaScript наличием типов, классов, интерфейсов и т.д. Браурер не умеет выполнять TypeScript файлы, по этому их нужно компилировать в js.

Bootstrap

Рекомендуется устанавливать из командной строки командой npm install --save bootstrap. Из VS Studio командную строку можно запустить сочитанием ctrl + ~

В файл .angular.cli.json добавить стили:

"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],

Как работает Angular5

Angular используется для создания SPA (Single page application).

index.html - базовая страница.

main.ts - скрипт, который выполняется после загрузки страницы. В этом скрипте главное:

import { AppModule } from './app/app.module'; 
platformBrowserDynamic().bootstrapModule(AppModule)

Таким образом загружается файл app\app.module.ts, который и загружает компонент на страницу.

Источник – курс «Angular 5 the complete guide», Maximilian Schwarzmüller
Редактировать на GitHub