Curso Angular #43: Pipes (usando pipes, parâmetros e pipes aninhados)
HTML-код
- Опубликовано: 9 фев 2025
- 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....
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
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$ ' ".
Excelente, assisti todas aulas já estou desenvolvendo em Angular 2, você explica muito bem, parabéns. Você me ensinou muito, muito obrigado.
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.
top ja usava no linux e não sabia dessa
eu uso a tag quando preciso exibir um objeto com o pipe JSON, ja fica formatado certinho.
Boa!
loiane vc é muito foda!
Ótima aula!
Excelente! Parabéns!
Aula top
Por que o pipe uppercase não pode ser utilizado em uma array?
Show
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.
mais uma aula concluida
é possível Pipes para uma máscara de cpf?
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;
};
}
vc pode também criar um serviço na pasta SHARED e chamar esse serviço usando o formBuild .
Oi, bom dia! Você comentou na aula "06:05" um tal de "PLANQUER" o que é isso?
plnkr.co/edit/
Qual seria a melhor opção para filtrar nomes repetidos em uma lista?
Pode ser tanto por pipe quanto vc ter um método no seu component ou service que faz isso pra vc.
Obrigado! Adoro suas aulas.
Vlw, Diego, sua pergunta foi super útil para o próximo vídeo :)
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
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...
Lembra que para TS as data começam e 0 ou seja, 0 é igual a janeiro e 11 é igual a dezembro
como fazer os valores em REAIS utilizando o BRL sejam separados seguindo '.' para milhares e ',' para centavos ?!?!?!
oi Felipe, precisa setar o locale da aplicação. Vou fazer uma aula sobre isso tb nesse módulo.
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 !
é necessário setar a configuração no próprio Angular, não precisa importar nenhum javascript extra! :) Vou publicar a aula sobre isso amanhã! :)
o mês é incrementado!!!?? No 'locales' vai comentar isso?
Que pena que removeram o filter e o orderby que utilizávamos na versão 1.0.