Dicas de Angular

Neste vídeo, abordamos a utilização do input datetime do HTML em projetos Angular, mostrando como configurar e manipular este componente para visualizar e editar datas de maneira eficaz, especialmente em conjunto com dados vindos de API. Vamos criar um exemplo de utilização, resolver problemas clássicos de formatação e exibição do input datetime, e ainda garantir que dados sejam manipulados corretamente no front-end. Dentre os tópicos explorados estão a configuração do ambiente Angular, manipulação de dados com TypeScript, uso de diretivas como ngModel, importação de módulos necessários, e a abordagem correta para lidar com timezones e formatação de datas para uma melhor integração com API


### Índice de Capítulos

- 00:00:00 - Problemas na utilização do HTML input datetime no angular
- 00:01:56 - Verificando a versão do Angular
- 00:02:37 - Criando uma nova Aplicação Angular (ng new)
- 00:03:54 - Utilizando o Visual Studio Code, configurando o ambiente de desenvolvimento e extensões importantes para Angular
- 00:06:08 - Compilação do projeto e execução do servidor local Angular
- 00:07:50 - Criando Array de dados simulando retorno de API com datas no formato ISO
- 00:09:19 - Trabalhando com código tipado usando Type e Interface
- 00:10:35 - Codificando a interface/UI HTML com table (for of track)
- 00:12:15 - Exibindo json formatado na página (PipeJson)
- 00:12:58 - Implementando o input datetime-local com ngModel (FormsModule), demonstrando erro na exibição da data
- 00:14:32 - Utilizando binding do tipo One-Way e implmentando o evento ngModelChange
- 00:17:57 - Alternativa para ligar com problemas de timezone no Angular