Curso Angular #65: Usando Guarda de Rotas: CanActivateChild

[@GilsonSilvaP1]

Tive que parar várias vezes o vídeo para ir o passo a passo, mas consegui pegar o entendimento. Só aula boa, Loiane.

[@renatobento]

Gratidão!

[@vinnyspl]

Loiane, venho lhe agradecer por reserva um pouquinho do seu tempo, para nós passar um pouco do seu conhecimento! Acompanho seu blog, seus livros ainda não pude comprar mais comprarei =) Sé possível poderia passar uma dica de como estudar pela documentação do angular. Meus agradecimento eternos. Muito obrigado!!

[@alexandrefaculdade]

Já chego deixando o like, pois as aulas dela são ótimas.

[@Cristian-0175]

Deu pra entender tranquilamente, muito top a aula.

[@WellingtonTorrejaisdaSilva]

Muito bom! No aguardo de aulas sobre Angular 12

[@BrunoSilvanoRodrigues]

Parabéns Loaine Excelente conteúdo! To curtindo muito!

Muito bom, abre a mente em diversas possibilidades de validação de acesso.

[@amandaavelino8362]

Mudou umas coisinhas sobre esta questão de roteamento. E também quanto a verificação da rota base e raiz com o CanActivateChild, não faz diferença, aplicando tanto no módulo raiz quanto no de funcionalidade, ele faz a verificação a partir da rota base (pai), neste caso em /alunos. A aplicação deste Lazy Loading, pelo menos na minha demo, demora a carregar o template, e acaba mostrando por alguns segundos a rota anterior, até carregar a lista de objetos. ( No meu caso quando faço o login, ele demora pra carregar a lista e mostra por alguns segundo o login ).

[@Airfryer220v]

Grande Pessoa!!!!! Simples, rápido e objetivo! Adorei.

[@wagnerhama]

ufa! esse tive que assistir 4 vezes... mas valeu!!!

[@linkopaladino]

Te entendo!

[@nelljrbr]

OI Loiane... Vc pretende fazer curso de Ionic 2 ? É que eu estou tentando "cruzar" os conhecimentos do seu curso de phonegap na parte de ionic 1 com este de Angular 2, já que Ionic 2 usa Angular 2, mas tá dificil.... Lembresse, não estou combrando nada. Só perguntando : ) Obrigado pelos seus cursos on-line.

[@eduardoborges3215]

Ótima aula Loiane, parabéns!!

[@jamoreirabh]

Mil vezes parabéns!

[@LageAfonso]

Excelente! Parabéns!

[@thiagoladislau]

Loiane Parabéns!!! seu trabalho é ótimo. Você poderia me dizer se falta muito para esse curso terminar, queria ter uma ideia de tempo de curso. Mesmo assim, continue postando, seus vídeos são ótimos.

[@loianegroner]

oi Thiago, obrigada! Segue os assuntos planejados pro curso: github.com/loianetraining/ementas/blob/master/angularjs2.md

[@thiagoladislau]

Obrigado, já estou acompanhado lá do inicio.

[@Parreira16]

Quando coloca o ponteiro em cima da palavra sublinhada aparece uma lampada ao lado, dá para importar e implementar os métodos, ou usar o atalho para aparecer a opção de importar aqui é 'ctrl + . (ponto)'.

[@gabrielabiramia]

A aula de ngform e http ja estão disponíveis?

[@vinnyspl]

Ainda não vi disponível!

[@loianegroner]

Ainda não. Form será o próximo módulo e http com promises e rxjs será o último do curso.

[@gabrielabiramia]

Blz. Aguardando ansiosamente

[@CesarDevesa]

Muito bom!!!

[@SuperLionjuda]

Como saber a rota origem no canActivate ?

[@marcelofranca6943]

muito bom

Como posso aproveitar o canActivateChild para construir um breadcrumb?

[@brcdck]

Agora com a property providedIn: 'root' dentro do Injectable eu ainda preciso incluir o Guard dentro dos providers do app.module?

[@elitonsoares7744]

Não precisa, se incluir dá um erro de comp.

[@philipedesouzasantos1201]

Observable.of não funcionou aqui, ocorreu com mais alguém?

[@philipedesouzasantos1201]

Solução: import { of } from 'rxjs'; e ao invés de usar: Observable.of(res); use apenas: of(res)

[@luizhp]

Angular 8 - rxjs 6.4 - Consegui assim: import { Observable, of } from 'rxjs'; ... return of(false);

[@arivaldosilva3119]

Parabéns pela disponibilidade em compartilhar conhecimento. Percebo que há um bom tempo não publica nada sobre angular, a linguagem está em baixa? É uma opção viável aprender Angular? Pergunto isso porque estou iniciando em Angular 6 neste momento.

[@loianegroner]

Oi, obrigada! Tinha parado de publicar por conta de problemas de saúde, mas já voltei com novas aulas! []s

[@mutema22]

estou tendo um problema em uma aplicação quando carrega a rota /areadocliente funciona normalmente mas quando clico em um link desse menu para carregar a rota areadocliente/pedido toda a pagina faz um refresh. pode me ajudar ?

[@fellipeaugusto9133]

Para atualizar para o nova versão do temos que apenas atualizar o angular cli ? Tem como agente saber em qual versão do angular 2 nosso ambiente esta configurado ?

[@loianegroner]

oi Fellipe, é só olhar no package.json do projeto. Se vc ainda não atualizou o angular cli, pode continuar criando os componentes normalmente com a sua versão mesmo. Mas vc vai precisar atualizar o package.json e o angular-cli.json. O que vc pode fazer é copiar o meu package.json do github junto com o angular-cli.json, deletar o diretório node_modules e dist (caso existir) e fazer um npm install novamente. O código do projeto em si não muda, somente esses arquivos. []s

[@linkopaladino]

É normal demorar para absorver todas essas informações sobre configurações de rotas ?!?!? Eu to achando muito divertido porem é muita informação, pensando em procurar vagas que trabalhe apenas com Angular, apesar que estudar React, Node, e me aprofundar no DotNet Core está nos meus planos rs

[@tales4604]

"Sempre quando estamos aprendendo coisas novas é normal não entender nada e achar que o criador é pirado da cabeça." - Sócrates Eu lembro que quando tava aprendendo a fazer Hello World em JS eu passei mal pra entender a diferença de let e const! Por mais bobo de simples que isso seja. Se Angular ta sendo seu primeiro framework, vai ser difícil mesmo. Por exemplo, eu tenho um background em React, então muitas das coisas que vejo aqui eu fico tipo "aah então é assim que faz tal coisa em Angular...", pq pra mim não é uma novidade, mas um jeito diferente de fazer a mesma coisa. Porém achei deveras confuso o esquema de @Output retornar informações do componente filho para o pai, pois em React isso não é possível, logo foi uma novidade e eu tive que me esforçar MAIS pra aprender algo novo! O que ajuda bastante nesses casos é ter o código aberto no teu pc pra tu olhar. Pelo vídeo parece algo fantasioso. Já o código aberto na tua IDE com suas fontes, plugins e temas vc pega na hora!

[@linkopaladino]

@@tales4604 depois de terminar esse curso vou pro React! Ou Vue! Poxa o que está me ajudando a me acostumar e memorizar é criando a minha própria documentação pelo gitHub, ainda tenho que arrumar, mas o código de toda aula eu commito no meu Github! Isso ajuda muito, porq eu mesmo crio as palavras chaves e organizo cada projeto!

[@linkopaladino]

Output é aquele q vc cria um evento dentro do arquivo TS, para emitir para o para o pai!!! É tenso mesmo entender esse porq vc não sabe que pedia criar evento sem ser no HTML ! Ae no pai vc usa o evento criado, e chama um método, passa por parâmetro o $event, para obter o valor!

[@tales4604]

@@linkopaladino Sou suspeito pra dar opinião, mas te sugiro React. É delicinha demais, dá pra usar no mobile com React Native. Se teu PC for lagado igual o meu é com o emulador Android; tem o Expo q tu abre direto no celular. E tem muito MUITO conteúdo sobre.

[@tales4604]

@@linkopaladino pode crer, mas na hora buguei. Na minha cabeça eu enxergava as propriedades como sendo um argumento sendo passado pra função componente... Me segue no Github /talesdsp te sigo de volta lá.

[@kevinwingi1576]

Ola Loaine, segue todas as suas aulas, incluindo as actualizacoes feitas sobre o angular cli, porem quano tento dar um ng server no projecto que vinha fazendo para acompanhar o curso (particularmente na parte de rotas) tenho este erro na console: ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property 'newLine' of undefined at Object.getNewLineCharacter (D:\Estudos\V2\angular2-rotas ode_modules\typescript\lib\typescript.js:8062:20) at Object.createCompilerHost (D:\Estudos\V2\angular2-rotas ode_modules\typescript\lib\typescript.js:44978:26) at Object.ngcLoader (D:\Estudos\V2\angular2-rotas ode_modules\@ngtools\webpack\src\loader.js:327:31) @ multi webpack-dev-server/client?localhost:4200/ ./src/main.ts

[@regismatos]

Show

[@Jonatas_Arruda]

Olá Loiane, Você pretende fazer algum curso de Javascript? Continue o bom trabalho!

[@HeitorGiacomini]

quem ta usando angular 14 nao precisa injetar no app.module pq o guard ja vem com o providedIn: 'root'

[@johnnypraisler7884]

Loiane tenho uma dúvida que não obtive respostas , já aconteceu de escrever o código todo certinho e quando da um ng serve a tela fica em branco ? o que vc fez pra consertar ? o que deve ser checado para detectar o erro ?

[@Jvjuino]

O console.log não funciona!!!