Iniciando o projeto

1. Instale a CLI do Angular

npm install angular --global

1. Inicie um novo projeto

ng new nome-do-projeto

Criando um novo componente

ng generate component components/nome-seu-componente

Ou de forma reduzida

ng g c components/nome-seu-componente

Todo componente do Angular consiste em:

• Um template HTML
• Uma classe Typescript que define seu comportamento
• Um CSS para definir seu estilo

Classe Componente

Toda classe que representa um componente no Angular deve ser decorada com @Component

Esse decorator recebe alguns parâmetros. Como:

• selector = seletor para usar o importar o componente em outros arquivos
• templateUrl = path para o template HTML desse componente
• styleUrl = array de paths para arquivos de estilo a serem aplicados nesse componente

@Component({
  selector: 'app-component-overview',
  templateUrl: './component-overview.component.html',
	styleUrls: ['./component-overview.component.css']
})