Curso Angular 9 #10 Renderizando dados no HTML

[@luizferreira213]

Excelente! Parabéns, aprendendo muito!

[@cezarmarcal9943]

minha responsividade não está funcionando e ainda não consegui descobrir o motivo (triste isso) rs. Mas nem por isso poderia deixar de agradecer Michelli, me fez sair do zero de Angular para um bom inicio. Muito obrigado, curso está sendo excelente, parabéns

[@artursantos2715]

Estava tendo esse problema e era a falta de import do FlexLayoutModule em app.module.ts . Faça: import { FlexLayoutModule } from '@angular/flex-layout'; e adicione no array de imports em @NgModule

[@THIAGOKSR1]

@@artursantos2715 Mesmo fazendo esse import a responsividade ainda não funcionou...tem ideia do porquê? Meu código está idêntico ao dela.

[@artursantos2715]

@@THIAGOKSR1 Tente fazer importando no lives.module.ts Reví o código e percebi que o FlexLayouModule não está sendo usado am app.module.s (pelo menos na última versão que tenho). github.com/arturffsantos/agendalive/blob/master/src/app/views/lives/lives.module.ts

[@pedrovvitor]

@@artursantos2715 Opa, resolveu pra mim essa importação! Respect!

[@igortodesco3451]

@@artursantos2715 Thanks man :D Estava com esse problema. Mandou bem demais

[@ernilsonsouza3894]

Legal, mais uma aula para nossa alegria!

[@joaoguiotti1104]

Boa tarde Micheli Muito bom seus videos, sanou bastante minhas duvidas. Abraçoo

[@brunoosio8286]

pra quem tem preguica de digitar css: .mat-card-live{ width: 240px; border: 1px solid white; border-radius: 4px 3px 6px / 2px 4px; padding: 15px 1% 1% 1%; text-align: justify; margin: 2%; } adaptei pro meu jeito

[@nse69]

Parabéns, explicação muito top....

[@MarcusPaulo]

Excelente, parabéns pela explicação e pelo conteúdo.

[@cbckakaroto]

Para completar o ngFor precisa instalar a extensão Angular Language Service

[@h3nriqueee512]

Como você fez pra rodar o back-end?

[@RodrigoVazRocket]

Primeiramente, muito bom a aula. Não seria mais correto usar o mat-card-title dentro da tag mat-card-header? Pelo menos na documentação do angular material está dessa forma.

[@MichelliBrito]

Sim, vc pode fazer dessa maneira também, mas como eu já havia utilizado apenas o title no code disponível no github, resolvi seguir da mesma forma.

[@ivancalisaya4218]

Que linda, me haré suscriptor, a parte que también quiero saber sobre Angular :) :p

[@luizcow]

Olá Michelli, estou com uma dificuldade e gostaria de sua ajuda por favor. Recebo um JSON de uma API externa que me retorna dados de filmes, consegui acessar todos os dados e criei a listagem onde leio todos os títulos dos filmes (metade da minha tela - lado esquerdo) e criei um botão ao lado do título, para ler o restante dos dados que gostaria de que aparecessem em um quadro ao lado desta tabela ( outra metade da minha tela - lado direito). Exemplificando a lista ao lado esquerdo da tela: 1 - Thor " + Info " 2 - Superman " + Info " Isso seria a listagem e quando clicasse no " + Info " do filme ' 1 - Thor ' aparecesse ao lado em um quadro diferente o resto de informações do tipo, ' ano ' , ' diretor ' , ' ator '... Por favor me ajude!

[@pablogonzalez1924]

Dúvidas sobre o erro: Error: src/app/views/home/live-list/live-list.component.ts:12:3 - error TS2564: Property 'livesPrevious' has no initializer and is not definitely assigned in the constructor. 12 livesPrevious: Live[]; percebi que no vídeo 9 ainda não tem dentro da pasta shared o live.model.ts alguém esta com o mesmo erro?

[@andredeandradepereira9812]

Na vdd é uma validação feita pelo compilador do angular, ele espera que vc inicialize todas as variáveis, de prefere num construtor. Para resolver, sem ter que inicializa-las, coloque um interrogação no fim das variáveis. livesPrevious!

[@igortodesco3451]

Nova versão começou a requerer a inicialização das variáveis. Vá no seu tsconfig.json e em compilerOptions adicione "strictPropertyInitialization": false para ele não pedir mais a inicialização

[@lucashenrick8943]

Meu GRID não esta responsivo, alguém sabe como resolver? Código idêntico ao dela. De ante mão deixo claro que as aulas são excelentes.

[@adrianoferraz]

"angularCompilerOptions": { "enableIvy": false } coloca esse código no tsconfig.app.json e faz import no app.module.ts import { FlexLayoutModule } from '@angular/flex-layout'; no meu resolveu :)

[@lucaseduardo1618]

@@adrianoferraz salvou man, vlw

[@lucaseduardo1618]

Obs: só precisei importar no app.component, não precisei mexer no tsconfig

[@samueldantas9069]

@@adrianoferraz Fiz apenas o import que você informou, sem alterar no compilador e funcionou. Obrigado pela ajuda!