Автор: Александр Краснов

Существует несколько формы привязки данных:

• привязка значения к DOM (односторонняя привязка)

Шаблон *.html

// пример интерполяции
<p>
  Hello {{message}}
</p> 

*.ts — файл компонента

 
export class DateComponent implements OnInit {
  message: string = "World";
  constructor() { }
  ...
}

 

Читать далее «Привязка данных»

Все компоненты хранятся в папке src/app

• *.ts — «корневой» компонент

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'appcode pw';
}

 

• *.css — стили компонента
• *.html — шаблон компонента

Дополнительные параметры компонента можно узнать тут

Все объекты которые начинаются с @, например @Component или @NgModule — это декораторы.

Читать далее «Компоненты Angular»

Требуется уставновить:

• nodejs
• git
• npm install -g @angular/cli

Создание простого приложения

ng new my-app

где my-app имя приложения

После окончания создания переходим в папку и выполняем команду

cd my-app
ng serve -o

Читать далее «Запуск первого приложения»