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, который и загружает компонент на страницу.
Помощь сайту
ЮMoney:
4100 1180 7209 833
Карта Сбербанк:
2202 2080 6183 7127
Формы. Реактивный подход.
Формы. Шаблонный подход.
Формы в Angular
Subject
Observable. Subscribe и Unsubscribe
Route. Обновление шаблона
Route Resolving
Route передача статичных данных
Route. Контроль навигации с помощью сервиса
Route. Защита роутера
Route. Вынос настроек роутера
Route. Переключения и параметры
JavaScript операторы
Сервисы
Структурные директивы
Binding свойств директив
HostListener и HostBinding
Директива атрибута
Навигация. Передача данных событиями
События и жизненный цикл
ng-content
Инкапсуляция стилей и ссылки
Связывание свойств и событий
Компонент и модель
Директива ngFor
Angular CSS и Style
Динамические шаблоны в Angular
События
Компонент и данные
Шаблон и стили компонента
Создание компонентов в Angular
TypeScript, Bootstrap, Main.ts
Установка и первый запуск Angular
Возможно, вам будет интересно
TypeScript, Bootstrap, Main.ts
TypeScript - это суперсет, расширяющий возможности JavaScript наличием типов, классов, интерфейсов и т.д. Браузер не умеет выполнять TypeScript файлы, по этому их нужно компилировать в JS.
Связывание свойств и событий
Создание кастомных событий и их обработчиков. Импорт свойств родительского компонента.
Route передача статичных данных
Как передать статичные данные в компонент с помощью настроек роута.