меню

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, который и загружает компонент на страницу.

Помощь сайту
ЮMoney:
4100 1180 7209 833
Карта Сбербанк:
2202 2080 6183 7127

Возможно, вам будет интересно

Subject

Использование класса Subject для создания сервиса, реализующего observable и observer в Angular

Шаблон и стили компонента

Стилилизация компонента в Angular, способы определения стилей, подключени внешнего файла стилей, вынесение кода шаблона во внешний файл html

ng-content

Использование тега ng-content и размещения верстки из шаблона в теге вызова компонента в Angular

Установка и первый запуск Angular

Angular применяется для создания одностраничных приложений - SPA (Single Page Applications). Angular создает рендер программы, в отличие от подхода, когда весь контент загружен в DOM, а JavaScript его меняет.