https://github.com/stevermeister/angular-crash-course-ru
https://github.com/stevermeister/angular-crash-course-ru
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/stevermeister/angular-crash-course-ru
- Owner: stevermeister
- Created: 2020-08-25T17:04:43.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-08-25T17:06:11.000Z (over 5 years ago)
- Last Synced: 2025-02-25T08:17:22.167Z (11 months ago)
- Language: TypeScript
- Size: 120 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Конспект
## Инструмент [Angular CLI](https://github.com/angular/angular-cli)
- установка - `npm install -g @angular/cli`
- создание нового проекта - `ng new myapp --minimal`
- сборка и запуск - `ng serve`
- сервер запускается на порту 4200 - http://localhost:4200
## Синтаксис шаблонов
- базовая интерполяция (или по простому подстановка переменных)
- `{{title}}`
- `{{1+1}}`
- Нет доступа к глобальным переменным!
- задание свойств элементов
- `[class] = "myclass"`
- `[src] [alt] [href]`
- `[style.color], [style.width.px]`
- обработка событий
- `(click)="changeColor()"`
- `(input)="changeColor($event.target.value)"`
- `(keydown.enter) (keydown.shift.enter)`
# Передача данных в компонент
- создаем новый компонент - `ng g c child`
- прописываем декоратор для входящего параметра - `@Input name`
- передаем параметр - ``
# Полезные ссылки
- этот код - https://github.com/stevermeister/angular-crash-course-ru
- в продолжение базового скринкаста - https://learn.javascript.ru/screencast/angular
- мой твиттер для вопросов и предложений - https://twitter.com/stevermeister