Perguntas com a tag [angular]
O Angular é um framework criado pelo Google para o desenvolvimento de aplicações web. Utilize esta tag para questões sobre sintaxe, erros, dúvidas, entre outros. Não específicas de uma versão. Para questões relacionadas ao AngularJs (1.X) use a tag angularjs.
2,134
perguntas
0
votos
0
respostas
10
visitas
Teste unitários com pipe
Algum pode me ajudar ... estou tentando fazer um teste unitário de pipetáveis.. mas desconheço como pode ser feito.. tentei de varias formas e não consegui...
import { Pipe, PipeTransform } from '@...
-1
votos
1
resposta
30
visitas
Array em ngFor retornando no console mas não na tela
Estou tentando pegar um array de um arquivo json enviado pelo back. Antes estava obtendo o erro de Cannot convert Array to Object (onde ele esperava um array e recebia um objeto), e depois de algumas ...
0
votos
0
respostas
17
visitas
Replicar evento IntersectionObserver para múltiplos scrollers
Com base nesta pergunta, que foi em parte resolvida através do método abaixo, surgiu uma outra dúvida, como eu poderia replicar esse evento, pois tenho um ninebox com 9 scrollers similares a este, ...
-1
votos
2
respostas
35
visitas
Angular pegando um dia a menos na data
Estou tentando corrigir a data em angular, o servidor retorna a data correta, mas meu campo de entrada é um dia a menos.
Pesquisei algumas soluções e tentei algo como "let isoDateInicio = new ...
1
voto
1
resposta
85
visitas
Problema de performance com fotos dentro de uma caixa de listagem com scroll
Explicação:
Dentro de um container com scroll, tenho uma lista de dados que é carregado por duas APIS, uma que traz os dados dos usuários e outra que carrega asyncronamente as fotos. Conforme as ...
0
votos
0
respostas
45
visitas
input type="datetime-local" em uma mat-table - Angular
Estou usando um input type="datetime-local" dentro de uma mat-table em Angular. Porém os inputs não estão sendo populados conforme esperado. Quando tenho apenas um registro na tabela, está ...
-2
votos
1
resposta
94
visitas
Adicionar botão na tabela angular material
Como adicionar botão de editar/excluir na tabela do angular material? Aqui tem um exemplo [1].
Atualmente o código tá assim:
<ng-container *ngFor="let col of columns">
<ng-...
-3
votos
1
resposta
36
visitas
Ignorar acentos na busca "filtro" Angular
Na (imagem 1) preciso criar uma categoria, só que eu não posso criar uma que já existe (imagem 2). Porém como posso fazer para ignorar os acentos? Porque na (imagem 3) já é possivel criar uma ...
-2
votos
1
resposta
36
visitas
Mudar instalador de pacote padrão
É possível mudar o package padrão de instalação de Yarn para NPM?
Erro que está apresentando:
-2
votos
1
resposta
77
visitas
mat-icon Angular don't appear
I Import the Mat-Icon from Angular, but when i use then, he does not appear. Someone helps me?
Below my code:
app.module:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@...
0
votos
0
respostas
20
visitas
Angular: consumindo API em kotlin nao consigo exibir retorno no template, somente no console... erro [ object Object]
Olá, na minha frontend angular com requisicao da minha API kotlin+postgreSQL nao estou recebendo os valores no template, apenas no console:
{content: Array(3), pageable: {…}, last: true, totalPages: 1,...
0
votos
0
respostas
13
visitas
DockerFile versão do node incorreta
Bom dia,
Estou rodando um projeto angular dentro do docker
com o seguinte dockerfile
FROM node:16.14.0
WORKDIR /app
ARG env
COPY package.json /app/
RUN npm i npm@latest -g
RUN npm install --legacy-...
-1
votos
1
resposta
14
visitas
Calcular propriedade do objeto atual com a propriedade do objeto anterior
Tenho um array de objetos onde tenho que fazer o calculo da propriedade open atual com a propriedade open anterior.
inserir a descrição da imagem aqui
Em teoria seria:
let valorResultado = [0].open - ...
0
votos
0
respostas
19
visitas
Posso importar o aplicativo angular em vez da biblioteca angular?
Eu tenho uma aplicação angular que contém varios componentes genericos, e gostaria de usa-lo em outras aplicações, eu subi a aplicação para o NPM e instalei em outra, porém quando tento importar o ...
0
votos
0
respostas
15
visitas
ng serve do Angula não funciona [duplicada]
ng : O arquivo C:\Users\ASSM\AppData\Roaming\npm\ng.ps1 não pode ser carregado porque a execução de scripts foi desabilitada neste sistema. Para
obter mais informações, consulte ...
-1
votos
1
resposta
46
visitas
Consultar um retorno JSON de uma API via POST em ANGULAR
Olá, tenho uma aplicação que preciso receber um JSON e popular meus campos de input, após realizar um Post de cpf/cnpj. No caso em questão é a API da SEPRO, onde faço a consulta de cpf/cnpj e ele me ...
-1
votos
1
resposta
75
visitas
Erro no prompt de comando do VSCODE
Estou tentando carregar as informações do codigo pelo prompt de comando do VSCODE e não está executando, alguem sabe como reseolver?Imagem do erro
0
votos
1
resposta
38
visitas
Como retornar uma mensagem customizade na validação do Angular
No meu Form, eu estou usando formBuilder e eu gostaria de retornar uma mensagem customizada, como devo fazer?
this.Form = this.formBuilder.group({
name: ['', [Validators.required]]
});
E ...
0
votos
0
respostas
30
visitas
Pegar valor da tabela em um componente Angular
Estou trabalhando em uma tabela utilizando a biblioteca ng2-smart-table e estou com uma dificuldade em passar para um componente customizado os valores inseridos na linha de edição:
Veja o código ...
3
votos
1
resposta
231
visitas
Mat-tab: ativar outra tab ao clicar em botão
Estou iniciando em Angular e tenho ainda dúvidas em relação a interação entre componentes. No meu caso em específico não sei como fazer, e se tem como.
<mat-tab-group>
<...
0
votos
0
respostas
30
visitas
Script externo angular é carregado apenas na primeira abertura da página
Estou carregando um script externo em um projeto em angular, através do arquivo angular.json
"scripts": [
"src/assets/js/mask.js"
],
É um script para aplicar máscaras em ...
0
votos
0
respostas
72
visitas
*ngFor quebra o HTML apesar da API estar retornando
O Html quebra se eu utilizar o ngForm desse array de Produto, não consegui entender o porque e não aprsenta nenhum erro no console.
O *ngFor funciona nesse mesmo html e component utilizando um array ...
0
votos
1
resposta
36
visitas
Problema ao exibir informações em uma tabela com Angular
Estou criando uma tabela com mat-table do angular, mais ao exibir as linhas nenhuma informação aparece.
HTML:
<div>
<mat-table [dataSource]="Contatos">
<ng-...
-2
votos
1
resposta
48
visitas
Pesquisar numa lista(API) e verificar se ele existe ou não um determinado valor digitado usando httpclient do angular
Tenho uma API pequena que me fornece 3 campos:
{
"codproc":"197100202",
"codassunto":"PE01005",
"detalhe":"LICENCA PARA TRATAMENTO DE ...
-3
votos
1
resposta
135
visitas
Como fazer um cálculo em uma tabela ng2-smart-table
Estou tentando fazer um calculo entre dois campos e quero mostrar o resultado em outro ao adicionar um novo item em uma tabale ng2-smart-table.
Veja como estou fazendo:
import { Observable } from '...
1
voto
1
resposta
111
visitas
Como configurar um projeto recém criado para não criar mais os arquivos spec.ts no angular 12
Minha pergunta é sobre angular Já temos uma projeto em Angular12 rotando e temos somente q dar manutenção e criar novos compoments de algumas paginas adcionadas, mas foi decidido agora que não ...
-1
votos
1
resposta
79
visitas
formControl maxlength - Eu quero mudar o valor do maxlength de acordo o valor selecionado
Eu quero mudar o valor do maxlength do campo de acordo com o option selecionado
Por exemplo: cep o campo marcado de amarelo fica tamanho maximo 8
html
<input
#...
-4
votos
3
respostas
323
visitas
Error TS7053 - ao tentar criar um método pra abter uma lista do back end
O elemento implicitamente tem um tipo 'any' porque a expressão do tipo '"cursos"' não pode ser usada para o tipo de índice 'Object'.
A propriedade 'cursos' não existe no tipo 'Object'.ts(...
0
votos
0
respostas
29
visitas
Obter dados do utilizador com sessão iniciada no ionic angular com nodejs
Eu fiz uma api no nodejs onde dá para registar e iniciar sessão, ele usa o jwt token. Eu quero usar a api como back end de uma app em ionic com o angular. Eu fiz o login armazenando o token no local ...
-2
votos
1
resposta
102
visitas
Como reutilizar a pagina de cadastro para editar no angular em um sistema CRUD?
Estou criando um sistema crud, gostaria de usar a mesma página de cadastro para o editar, consigo trazer os valores, mas tem um delay de 2 segundos, primeiro ele me traz a de cadastro e depois muda ...
-2
votos
1
resposta
59
visitas
App ionic com nodejs
Estou tentando entender o ionic, eu fiz uma rest api no nodejs e consumi a api no ionic com angular. O ionic na porta 4200, e o nodejs na 3000. No entanto surgiu uma dúvida.
Caso eu quisesse publicar ...
1
voto
1
resposta
661
visitas
Formatação decimal para PT-BR no Angular
Usando o pipe DecimalPipe estou tentando colocar a formatação numérica para pt-BR, exemplo: 1.200,00.
Por default o Angular utiliza a formatação en-US, exemplo: 1,200.00.
Visto na lista da ISO a ...
1
voto
2
respostas
128
visitas
Angular8 - R3InjectorError - componente não aparece na página
Sou iniciante em Angular e TypeScript e estou tentando aproveitar um componente já existente. Porém, quando chamo o componente, ele não é exibido e o seguinte erro ocorre no console.
> ERROR Error: ...
-4
votos
1
resposta
370
visitas
O tipo 'Subscription' não tem as propriedades a seguir do tipo 'Observable<any>'
Estou tentando fazer uma pesquisa usanda a API da Marvel, pude ver que o existe o parâmetro nameStartsWith onde posso enviar o texto da pesquisa via input. Como retornaria esses dados? O meu subscribe ...
-2
votos
1
resposta
41
visitas
Como escutar mudanças reativas em dois controles de formulário ao mesmo tempo no angular
Estou com um pequeno problema no angular.
Ao digitar em um campo de formulário, eu estou inserindo mudanças em outro campo. Porém quando tendo usar em dois formulários ao mesmo tempo o console mostra ...
0
votos
1
resposta
244
visitas
Angular Material - Tabela com tamanho que se ajusta com a quantidade de dados que vem do banco
Consigo criar uma tabela no Angular, usando o Angular Material, que se adequa a quantidade de dados vinda do banco?
Já usei essa tabela do código abaixo e para cada coluna definia uma tag ng-container ...
0
votos
0
respostas
152
visitas
Diretiva para mascarar input de moeda em real brasileiro no Angular 13
Eu peguei uma diretiva para poder mascarar um input que vai ser utilizado para real brasileio. Não consegui usar o ngx-mask no Angular 13 de maneira nenhuma, então encontrei essa diretiva para poder ...
0
votos
1
resposta
69
visitas
Variáveis e o *ngFor não funcionam no Html - Angular
Pessoal quando quero usar o *ngFor="let animal of produtos">
no html no meu projeto angular não funciona não da para usar e as variáveis dentro do {{}} também não funcionam !
CÓDIGO HTML
&...
0
votos
1
resposta
258
visitas
Como limitar a quantidade de itens que aparece por pagina em uma tabela no angular
fiz essa funcao para pegar a quantidade de objetos que tem no meu array, beleza funcionou, mas na minha tela ainda aparece a quantidade total e eu só quero que apareca 10 por pagina:
for (const ...
0
votos
0
respostas
18
visitas
Meu web componente.html não é renderizado na aplicação, somente a tela app.component.html
estou iniciando meus estudos em Angular e estou enfrentando um problema que não entendo, uma vez que estou seguindo um tutorial e aparentemente fazendo tudo certo.
O problema é que criei um componente ...
-3
votos
1
resposta
30
visitas
Fiz uma funcao pra pegar os valores atuais do array e adicionar em outro, e agora preciso que ao clicar ele puxe apenas o item em especifico q clicou
component:
import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute, ParamMap } from '@angular/router';
@Component({
selector: 'app-trending',
templateUrl: './trending....
0
votos
0
respostas
7
visitas
Diretivas de compilação em Angular como em C
Gostaria de saber se existe no Angular ^12.0 algo parecido com diretivas de compilação em c/c#, tipo:
#if DEBUG
<codigo>
#endif
não queria utilizar um if (!environment.production) para não ...
0
votos
0
respostas
29
visitas
Não efetua o redirecionamento após a chamada de serviço no angular?
Quando faço a chamada ele passa direto pelo Subscribe e redireciona para a rota login quando na verdade deveria ir para /criar-conta/bem-vindo, os dados não foram inseridos na tabela do banco.
Eu ...
0
votos
0
respostas
23
visitas
Carregamento duplicado do modulo ao dar reload na pagina, chama o modulo 2 vezes
tsconfig.app.json
{
"extends": "./tsconfig.base.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"...
-2
votos
1
resposta
69
visitas
Erro ao renderizar ou dados obtidos de uma requisição GET usando Angular
Estou fazendo um simples projeto de pókedex para treinar Angular. Consigo fazer uma requisição GET na PokéAPI, porém, quando tento renderizar os dados da requisição usando a função ngFor, os dados não ...
-4
votos
1
resposta
52
visitas
Erro no NPM ao criar um novo projeto angular
Tenho esse erro quando tendo criar um projeot angular
0
votos
0
respostas
415
visitas
Cannot read properties of undefined (reading 'nativeElement') angular
eu postei a parte relevante do código. Esse código ele busca se existem campos, caso não exista ele deve apresentar uma mensagem. O problema que estou recebendo esse erro e não consigo identificar o ...
-1
votos
1
resposta
169
visitas
Ionic V6 - In app Browser não abre e nem apresenta erro
Estou desenvolendo um APP usando Ionic V6 com Angular e Cordova, mas estou tendo um problema para utilizar o In App Browser, quando eu utilizo o app pelo computador (ionic serve) funciona normal, mas ...
0
votos
1
resposta
681
visitas
Como corrigir erros de dependência na instalação do ng-bootstrap em um projeto Angular
Estou com problemas para fazer a instalação da dependência @ng-bootstrap. Atualmente utilizo Debian e VScode.
Ao executar o código: npm install --save @ng-bootstrap/ng-bootstrap o retorno é um erro de ...
1
voto
0
respostas
98
visitas
Executar um áudio com Angular 13 [fechada]
Estou tentando executar um áudio ao clicar em um botão com Angular 13, esse botão está na minha página principal no arquivo app.component.html padrão do angular.
<html>
<button class="...