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

2.97
1
2
3
4
5

Голосов: 844

Формы. Реактивный подход. Формы. Шаблонный подход. Формы в 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

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

Структурные директивы

Что такое структурные директивы. Встроенные и собственные структурные директивы.

Читать подробнее

Динамические шаблоны в Angular

В данном руководстве рассмотрим двухстороннее связывание данных. Создание динамических шаблонов, меняющих свое состояние в зависимости от действий пользователя, с помощью двухстороннего связывания данных и директивы ngIf.

Читать подробнее