Curso Angular #43: Pipes (usando pipes, parâmetros e pipes aninhados)

Curso de Angular Gratuito e Completo com Certificado: loiane.training
Aulas sobre Angular 2 e Angular 4
Blog: loiane.com
Site: loiane.training
Facebook: / loianegroner
Github: github.com/loiane
Twitter: / loiane
Repositório dos exemplos: github.com/loi...
Slides: www.slideshare....

[@geyzonamaral]

Loiane, agora só em colocar " | currency:'BRL' " ele já coloca o R$ colado com o número. Aí, se a pessoa quiser dar um espaço entre o símbolo da moeda e o valor, coloca diretamente " | currency:'R$ ' ".

[@direitagoias4792]

Excelente, assisti todas aulas já estou desenvolvendo em Angular 2, você explica muito bem, parabéns. Você me ensinou muito, muito obrigado.

[@HeitorGiacomini]

o comando pipe | é muito utilizado no linux. O que ocorre por trás do panos é que o pipe transforma a saida do comando a esquerda na entrada do comando a direita.

[@fabiobrasileiroo]

top ja usava no linux e não sabia dessa

[@matmanymat]

loiane vc é muito foda!

[@felipecarriel7872]

eu uso a tag quando preciso exibir um objeto com o pipe JSON, ja fica formatado certinho.

[@lecastro]

Boa!

[@tiagolickoski]

Ótima aula!

[@LageAfonso]

Excelente! Parabéns!

[@rafaelyahu]

Aula top

[@andre_dias25]

Estranho que no meu mesmo com o Common Module importado no app.component eu ainda sim precisei importar ele também no exemplo-pipes.component. Talvez tenha mudado isso nas últimas versões ou faltou eu configurar alguma coisa no projeto.

[@laurentchavesassisfelician6952]

Por que o pipe uppercase não pode ser utilizado em uma array?

[@Halissonskalee]

Oi, bom dia! Você comentou na aula "06:05" um tal de "PLANQUER" o que é isso?

[@geyzonamaral]

plnkr.co/edit/

[@marcelofranca6943]

mais uma aula concluida

[@diegoalmeida5453]

Qual seria a melhor opção para filtrar nomes repetidos em uma lista?

[@loianegroner]

Pode ser tanto por pipe quanto vc ter um método no seu component ou service que faz isso pra vc.

[@diegoalmeida5453]

Obrigado! Adoro suas aulas.

[@renancoelho5657]

Vlw, Diego, sua pergunta foi super útil para o próximo vídeo :)

[@regismatos]

Show

[@1966fabao]

é possível Pipes para uma máscara de cpf?

[@samuelfizvendas]

sim é possivel vc precisa criar seu proprio pipe e usar esse codigo :::
isValidCpf() {
return (control: AbstractControl): Validators => {
let cpf: string = control.value;
if (cpf) {
cpf = cpf.replace(".", "").replace(".", "").replace("-", "");
console.log(cpf)
let numbers, digits, sum, i, result, equalDigits;
equalDigits = 1;
if (cpf.length < 11) {
return null;
}
for (i = 0; i < cpf.length - 1; i++) {
if (cpf.charAt(i) !== cpf.charAt(i + 1)) {
equalDigits = 0;
break;
}
}
if (!equalDigits) {
let cpf = control.value;
cpf = cpf.replace(".", "").replace(".", "").replace("-", "");
numbers = cpf.substring(0, 9);
digits = cpf.substring(9); cpf.length < 11
sum = 0;
for (i = 10; i > 1; i--) {
sum += numbers.charAt(10 - i) * i;
}
result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
if (result !== Number(digits.charAt(0))) {
return { cpfNotValid: true };
}
numbers = cpf.substring(0, 10);
sum = 0;
for (i = 11; i > 1; i--) {
sum += numbers.charAt(11 - i) * i;
}
result = sum % 11 < 2 ? 0 : 11 - (sum % 11);
if (result !== Number(digits.charAt(1))) {
return { cpfNotValid: true };
}
return null;
} else {
return { cpfNotValid: true };
}
}
return null;
};
}

[@samuelfizvendas]

vc pode também criar um serviço na pasta SHARED e chamar esse serviço usando o formBuild .

[@lecastro]

Oi Loiane. Se puder me ajudar, agradeceria muito.
O mês está sendo incrementado em +1. Ou seja, o mês que defini na minha variável, usando o pipe no template é mostrado o mês seguinte.
NO COMPONENTE:
dtLancamento: new Date(2020, 8, 23),
NO TEMPLANTE:
Data de Lançamento: {{ livro.dtLancamento | date:'dd-MM-yyyy' }}
NO BROWSER
Data de Lançamento: 23/09/2020

[@jairolouzarth1571]

Talvez seja um pouco tarde para responder, mas para alguém que tiver essa dúvida, no momento 3.15 ela fala sobre isso. O parâmetro do mês é dado em índice, então janeiro é 0, fevereiro 1...

[@samuelfizvendas]

Lembra que para TS as data começam e 0 ou seja, 0 é igual a janeiro e 11 é igual a dezembro

[@mutchobien]

como fazer os valores em REAIS utilizando o BRL sejam separados seguindo '.' para milhares e ',' para centavos ?!?!?!

[@loianegroner]

oi Felipe, precisa setar o locale da aplicação. Vou fazer uma aula sobre isso tb nesse módulo.

[@mutchobien]

já tentei utilizar o locale importando o arquivo ´pt-br.js' no index.html, mas mesmo assim não vi alterações na formatação dos números.
Fico no aguardo, bj !

[@loianegroner]

é necessário setar a configuração no próprio Angular, não precisa importar nenhum javascript extra! :) Vou publicar a aula sobre isso amanhã! :)

[@jinacio]

o mês é incrementado!!!?? No 'locales' vai comentar isso?

[@amandaavelino8362]

Que pena que removeram o filter e o orderby que utilizávamos na versão 1.0.