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,131
perguntas
0
votos
0
respostas
38
visitas
Nestable is not a function
Alguém poderia me ajudar a resolver esse erro de TypeError: $(...).nestable is not a function, eu estou tentando colocar uma lista pro usuário poder mexer nos itens mas o nestable não quer funcionar, ...
0
votos
0
respostas
40
visitas
Validar se algum item do datalist foi selecionado
Possuo um datalist no meu projeto em Angular e estou tentando forçar o usuário a selecionar uma opção, evitando que seja submetido algum texto digitado que não contém na lista.
no html:
<input ...
-1
votos
1
resposta
110
visitas
Como ordenar uma diretiva ngFor em Ionic?
Tenho um array de produto, no html eu faço um for e consigo normalmente receber os dados certinho, mas não estou sabendo ordenar esse array através do atributo faltaDePecas. Como eu poderia fazer isso?...
0
votos
1
resposta
202
visitas
Paginator do Angular Material não funciona com a minha tabela
Boa tarde, estou implementando o Paginator na minha tabela, mas ele simplesmente não funciona, ele aparece na tabela, eu seleciono a quantidade de itens por páginas e não acontece nada.
Segue o codigo:...
-3
votos
1
resposta
52
visitas
Como ajustar a posição da bolinha num gráfico de régua entre as medidas -100, 0, 100 dentro do canvas?
Tem um gráfico que tem medidas que vão de -100 a 0 e 0 a 100. O que preciso fazer é ajustar o cálculo da posição da bolinha com o número de acordo com a entrada gradientDataChart que pode ser um valor ...
0
votos
1
resposta
98
visitas
Problema ao enviar Arquivo com FormData no Angular 11
Estou tentando enviar um arquivo usando FormData mas na hora da requisição o arquivo desaparece no payload
O que acontece é que pelo swagger o arquivo é enviado normalmente
eu analisei o payload dele ...
-1
votos
1
resposta
85
visitas
@Input com Observable no angular
Não tenho um erro ainda, mas não sei como fazer...
Tenho uma toolbar no meu AppComponent, que exibe um menu dropdown com uma lista. Essa lista vem do back-end. Preciso de um Observable que recebe um ...
0
votos
0
respostas
54
visitas
Mat Chip List não dispara evento ao remover Mat Chip [Angular 2+]
Olá, estou tentando utilizar um Mat Chip List para fazer controle de tags, porém ele não dispara o evento quando marco um Mat Chip Item como não selecionado, como consequencia os meus resultados (um ...
-1
votos
1
resposta
96
visitas
Problema ao criar projeto Angular
Boa tarde pessoal, to começando programação e seguindo os passo a passo que me foi informado, na hora de criar um novo projeto pelo cmd, deu esse erro, vocês poderia me ajudar por favor???
mttttt ...
-1
votos
1
resposta
186
visitas
Como trazer todos os resultados da API
Estou aprendendo Angular e para isso venho desenvolvendo o tutorial Tour of Heroes da própria documentação em Tutorial: Tuor of Heroes, mas estou tentando aplicar algumas funcionalidades à mais ...
-1
votos
1
resposta
862
visitas
Como exibir imagem de uma API através da URL com Angular
Estou aprendendo Angular e para isso venho desenvolvendo o tutorial Tour of Heroes da própria documentação em Tutorial: Tuor of Heroes, mas estou tentando aplicar algumas funcionalidades à mais como ...
-2
votos
2
respostas
2mil
visitas
Como somar medidas de um array?
Pessoal gostaria de saber se seria possível somar os itens de um arrays com as posições correspondentes deles
var numeros = [30,18,8];
var numeros2 = [10,12,10];
por exemplo esse [30,18,8] + [10,12,...
1
voto
1
resposta
96
visitas
Adicionar dias a uma data [duplicada]
eu tenho o seguinte codigo,
public today = new Date().toISOString().substring(0, 10);
this.formGeral.patchValue({data:this.today});
Ele retorna o dia de hoje, mas gostaria que retornasse 5 ...
-1
votos
1
resposta
129
visitas
Criar dropdown usando lista em angular
Eu tenho um dropdown no header, porém preciso passar as opções pra uma lista, porque assim fica muito difícil de manipular. Esse é o código que eu tenho:
<button mat-button [matMenuTriggerFor]=&...
0
votos
0
respostas
55
visitas
Como exibir arquivos recebidos de um Json de uma api no front em Angular?
Tenho uma API em Lumen, que retorna os dados em json da seguinte maneira:
{
"success": true,
"data": [
{
"id": 1,
"data":...
0
votos
2
respostas
107
visitas
Project target does not exist com Ionic (android)
Boa tarde.
Estou criando um novo aplicativo Ionic (Android).
Quando vou rodar o código: ionic cordova prepare android --prod ou ionic cordova build android ele acaba gerando erro de target e não sei ...
0
votos
1
resposta
109
visitas
Como criar menu drop down
Estou criando um simples menu dropdown com typescript. Entretanto esta acontecendo um comportamento estranho. Quando eu clico em um item do menu que não possui elementos para serem exibidos, ele esta ...
-2
votos
1
resposta
29
visitas
Como ordernar 3 campos clicando nos botões ao lado?
Gostaria de fazer com que o botão subisse e descesse, porém ele ta invertendo a ordem do primeiro e de último apenas:
this.changeOrderItems = [
{id: 1, order:1, checked: true, name:"...
0
votos
0
respostas
33
visitas
Angular validators e Angular forms
quando o usuario clicar em "selecionar" acontece esse metodo,
<div class="card-footer">
<button type="button" class="btn btn-secondary btn-sm"
(...
-1
votos
1
resposta
122
visitas
Como setar o scroll pro topo da pagina usando utilizando rotas?
Preciso setar pro topo da pagina toda vez que navegar entre as páginas no sidenavbar.
export class SideMenuComponent implements OnInit {
public user: User | undefined;
public menuItems: Array&...
-1
votos
1
resposta
57
visitas
Filtro de categorias usando ngIf em algular
Preciso criar um filtro por categorias, então adicionei uma função nos botões que quando eu clico elas passam uma variável chamada categoria. O valor dessa variável está vindo certo, porém o filtro ...
0
votos
1
resposta
23
visitas
Criando diretório no Angular
Tenho o código no Angular e gostaria de exportar essa planilha para um diretório específico. Alguém, pode me ajudar?
exportSheet() {
this.loading = true;
var sDate: string = new DatePipe('en')...
-3
votos
2
respostas
230
visitas
CSS não funciona quando *ngIf é true
Tenho um *ngFor que roda num array de objetos vindo de um JSON. Numa div filha tenho um *ngIf que verifica se o id do objeto é par ou ímpar como no código abaixo:
timeline.component.html
<div *...
-2
votos
1
resposta
31
visitas
Não consigo trazer as informações da database para o checkbox e trazer os valores dele
Estou fazendo um projeto de crud no qual eu preciso marcar as tecnologias que serão utilizadas. Eu faço esse cadastro das tecnologias e gostaria de puxar do banco de dados as informações, porém ao ...
0
votos
0
respostas
87
visitas
Retirar localhost da chamada API - Angular
Estou fazendo a chamada de API conforme código abaixo:
export class ModelosService {
private readonly API: string = 'https//parallelum.com.br/fipe/api/v1/carros/marcas';
constructor(private http:...
-1
votos
2
respostas
189
visitas
Erro ao fazer If Else Condition Inline no angular
Estou tentanto fazer uma renderização condicional de imagens, porém o que está sendo mostrado na tela é o código em si e não o resultado do if else condition.
Segue o código:
<td>
...
0
votos
1
resposta
139
visitas
Angular 13: Property 'product' has no initializer and is not definitely assigned in the constructor
Estou com problema em um component em uma aplicação que estou desenvolvendo para aprender angular.
product.model.ts:
export interface Product {
id?: number
name: string
price: number
}
...
-1
votos
2
respostas
107
visitas
Como carregar texto de um componente em outro (Angular)
Estou tentando carregar o texto de um campo e quero reutilizar esse texto no carregamento de um ConfirmDialogComponent.
Este texto aqui
Deve vir nesse DialogComponent
Aqui o código do ...
-1
votos
1
resposta
32
visitas
ion-searchbar IonClear não funciona
Preciso criar um evento ao clicar no 'X' da barra de pesquisa.
Porém ao clicar no 'x' nada acontece, criei o evento (ionClear) porém não está entrando no método do componente.
HTML:
<ion-searchbar ...
-2
votos
1
resposta
43
visitas
Angular download de QR Code
Instalei essa biblioteca: npm i angularx-qrcode
Adicionei o componente abaixo no component.html:
<qrcode id='meuQRCode' [qrdata]="defineQRCode()" [width]="256"[...
-1
votos
1
resposta
266
visitas
Contar e remover dados duplicados em array de objetos Angular
Estou recebendo um array de objetos onde cada objeto contém vários dados e preciso mostrar o dado name em tela, de forma que mostre o name apenas uma vez e do lado a quantidade de vezes em que ele ...
-3
votos
1
resposta
82
visitas
Como apresentar os 3 últimos índices de um array [fechada]
estou recebendo do backend um array com alguns índices, se o array tiver por exemplo (0, 1, 2, 3), devo apresentar (1, 2, 3), se tiver (0, 1, 2), vai apresentar (0, 1, 2), mas preciso apresentar ...
-2
votos
1
resposta
718
visitas
o erro "The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type" qndo já defini a operação como number
Estou usando o angular pela primeira vez e fazendo uma lista de cursos e eles tem pontuações, e estou tentando colocar estrelas de acordo com suas pontuações.
Pra isso, criei com o component.
No html ...
-2
votos
1
resposta
151
visitas
estou tendo dificuldade para mudar a cor deste icone Ionic
eu estou usando o Ionic e Angular em um projeto e gostaria de mudar a cor do ícone que vem padrão dentro do ion-input quando esta no type Date, já tentei o básico como css por exemplo color background-...
-1
votos
1
resposta
72
visitas
Desabilitando o mat-select após o filtro - Angular
Tenho um mat select que ao ser aberto um campo input acima dos itens listados no select, nesse campo input estou tendo um problema que ao ser pesquisado algo que não existe na lista e o select ser ...
0
votos
1
resposta
254
visitas
Como validar um campo de telefone com Angular?
Olá! Estou criando uma aplicação em Angular 10. Nela, tenho um formulário de cadastro em que o usuário insere o telefone em um input. Preciso limitar o valor inserido no campo de DDD e no campo de ...
0
votos
1
resposta
97
visitas
problema com ngfor para th table com acordion rows filhos
Tenho o seguinte funcionamente na aplicação:
Consumindo de uma webapi interna.
1 - Ao acessar página, table principal exibindo os dados nomeado de (Grupo), onde é listado sendo a primeira coluna fixa ...
0
votos
1
resposta
115
visitas
Como forçar rerenderização de um component com ionic/angular?
Preciso esconder um componente da interface após o usuário "excluir" ele. Não é de fato excluído do banco de dados, apenas é enviado uma propriedade hidden_to_user como booleano para o back ...
1
voto
1
resposta
93
visitas
Espião está sendo chamado mas função não é coberta no Jasmine
Possuo um sidenav e dentro desse sidenav tenho o componente header:
<div>
<app-header id="header" (openSidenavEmitter)="openSidenav()"></app-header>
</div&...
-1
votos
1
resposta
155
visitas
Colocar um ícone ao invês de uma string HTML
Tenho o seguinte código:
<a (click)="verificarSeEscondeSaldo()"> {{ escondeSaldo ? 'Exibir' : 'Ocultar'}}</a>
O treecho faz corretamente o que eu desejo, porém, ao invés do ...
-1
votos
1
resposta
46
visitas
Preciso colocar dois Inputs lado a lado e três selects e não consigo
Preciso colocar alguns campos lado a lado e não tá indo, já tentei tudo e mesmo assim não vai.
<div class="row justify-content-around">
<div class="col-sm-12 col-md-12 ...
0
votos
1
resposta
21
visitas
Como capturar o evento backbutton num site PWA (Ionic5/Angular11/Capacitor) ao clicar no botão voltar de um celular Android
Utilizei o seguinte código:
import { Component, OnInit, OnDestroy, ViewChild } from '@angular/core';
import { Location } from '@angular/common';
import { Platform, ...
-1
votos
2
respostas
271
visitas
Mostrar valor ao invés do id da chave estrangeira no Django Rest Framework
Model
from django.db import models
from django.contrib.auth.models import User
user_agent = models.ForeignKey(User, on_delete=models.CASCADE)
def __str__(self):
return self.name
VIEWS
from ...
0
votos
0
respostas
347
visitas
Filtrar uma array e acessar o response.body de uma array multidimensional
Estou tentando avançar num projeto em angular mas to encalhado a duas semanas já.
Como eu consigo acessar uma array multidimensional com os mesmos nomes de atributo?
Inicialmente o meu json-server ...
-2
votos
1
resposta
306
visitas
Problemas de interpolação de variável Angular 11 + Bootstrap 4
Estou criando um componente de carrosel para ser reutilizado no meu projeto Angular 11, estou criando ele usando o bootstrap 4. Estou tendo um problema com a interpolação de variável, já tentei de ...
-2
votos
1
resposta
87
visitas
Somar dinamicamente todos os campos do FormBuilder. Front-end Angular [fechada]
eu tenho 5 campos do formBuilder. os 5 são preenchidos com dados que vem do banco de dados. mas esses dados podem ser alterados pelo usuario
formNum: FormGroup;
recebeDados(){
this.serviceEndpoint....
0
votos
1
resposta
518
visitas
Como permitir apenas números e ponto e vírgula no input text?
Tenho um input em meu sistema onde o usuário deve inserir código (apenas números), porém ele pode colocar vários códigos, e pra separar utiliza ponto e vírgula (;).
Para que funcione eu criei o input ...
0
votos
1
resposta
431
visitas
Como setar o valor de um dropdown (primeNg) pegando apenas uma propriedade do objeto
Criei um campo do tipo dropdown onde quero enviar somente um número como valor do select. Mas para listar as options do dropdown criei um objeto name: string, id: number para poder renderizar o name ...
0
votos
1
resposta
528
visitas
ERROR NullInjectorError: R3InjectorError(DynamicTestModule)[KDSDialogService -> MatDialog -> MatDialog]: NullInjectorError: No provider for MatDialog
Eu estou fazendo teste unitário em uma aplicação minha. Eu sou iniciante em relação a teste, então preciso da ajuda de vocês.
Na minha aplicação eu faço um serviço que utilizo o MatDialog ( ...
-4
votos
2
respostas
199
visitas
Como preencher dois formArraym um dentro do outro [fechada]
Boa tarde!!!
Estou precisando de uma ajuda para conseguir preencher dois form Array, um dentro do outro, estou fazendo mais ou menos assim:
dadosBeneficiarioForm: FormGroup = this.fb.group({
...