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
1
resposta
37
visitas
Como aplicar uma funcao no botao que so ira prosseguir com checkbox setado
Tenho uma tela de exibicao de termo de servico. Minha duvida e como posso aplicar um metodo no botao "consultar" que, somente quando o checkbox estiver setado o usuario podera prosseguir.
&...
0
votos
1
resposta
315
visitas
Como utilizar um formulário no componente irmão?
Tenho um componente chamado detail-paciente em que contém um formulário com várias propriedades, sendo uma delas acompanhantes que é um FormArray. Quero utilizar o mesmo formulário deste componente em ...
-1
votos
2
respostas
1mil
visitas
Não consigo pegar o parâmetro "id" da URL no Angular 12 usando ActivatedRoute?
A URL 'user/1' por exemplo, não funciona. Mas se utilizo '/user?id=1' funciona e consigo listar mas não está no formato que desejo.
No meu construtor declarei um atributo ActivatedRoute, o qual ...
-1
votos
1
resposta
62
visitas
Atualização de status baseado no saldo
Eu estou desenvolvendo um projeto com typescript e não estou conseguindo usar js nele.
este projeto tem varias rotinas, e na maioria delas tem essa questão de status, se esta aberta, fechada ou ...
0
votos
1
resposta
216
visitas
Angular Não consigo criar um componente com o ng g c
Ola estou tentando usar o comando para criar componente chamado sidebar no angular o ng g c sidebar
porem quando aperto enter o terminal fica como na foto.
0
votos
1
resposta
1mil
visitas
Compartilhamento de Variáveis entre Componentes Angular
Como faço para utilizar variáveis de um componente Angular no seguinte contexto?
Em um componente eu tenho uma variável que é um array de uma classe criada nesse mesmo componente, essa variável ...
-2
votos
1
resposta
137
visitas
Teste de uma função do componente
Eu não to entendendo como eu poderia testar essa função do component, eu já tentei algumas formas, mas eu realmente não entendi como fazer
Função no component:
openModal(){
if(this.RecommendationCount ...
2
votos
0
respostas
68
visitas
Carregar JST Manual
Eu tenho uma aplicação em MVC que funciona perfeitamente, onde utiliza-se JST, e ele carrega tudo certinho, desta maneira:
Porém agora estou adicionando esta parte em angular, e não consigo carregar ...
2
votos
1
resposta
138
visitas
Acessar a variável de um accordion de um componente filho para o pai
Eu preciso acessar de um componente filho o expansor do accordion que se encontra no componente pai, o nome dele é isExpandend
No componente filho, ao clicar no botão salvar, ele deve incluir um novo ...
1
voto
1
resposta
339
visitas
Como inicializar form utilizando valor vindo de um service em angular
Estou retornando da minha API um número inteiro, e então, com o angular preciso mostrar esse valor como padrão nesta tag:
<input type="text" formControlName="pacienteId" class=&...
0
votos
0
respostas
84
visitas
Formulário reativo Input com matInput
Implementei um campo input text que busca os elementos em uma lista, esse funcionamento está correto, porém ao digitar as palavras ele não permite espaços em nomes compostos que já estão encontrados ...
1
voto
0
respostas
20
visitas
Acesso a diretivas de um componente
Como posso ter acesso as diretivas que estão sendo aplicadas ao meu componente?
Tenho meu componente ButtonSidenavComponent:
import { ActivatedRoute } from '@angular/router';
import { Component, ...
0
votos
1
resposta
53
visitas
Angular11/HTML - Problema com autofocus
Olá, pessoal. Estou tendo problemas com o autofocus. Tenho um formulário de login com usuario e senha. O autofocus está no input do usuário. Após fazer o primeiro login, salvo usuário e senha para não ...
0
votos
1
resposta
385
visitas
NPM não reconhece o "npm install -g @angular/cli"
Boa noite à todos.
Esse erro ocorre especialmente com dependencias CLI (como por exemplo com Vue.js, também).
Segue o erro apresentado
PS Z:\projetos\LABORATORIO DE EXPERIMENTOS\Vue\VueJS> npm i -...
-4
votos
2
respostas
307
visitas
Problemas com instalação Node.js
Sempre quando vou tentar instalar o Node aparece essa mensagem. Alguém pode me ajudar? Antes eu já tinha o Node instalado, mas fui tentar baixar e instalar novamente. Isso porque queria instalar o ...
0
votos
1
resposta
49
visitas
Botão que quando clicado exibe uma imagem, se clicado novamente exibe outra imagem
Tudo bem? estou criando um botão que quando clicado exibe uma imagem, e se clicado novamente ele volta pra imagem antiga, isso no angular, atualmente só estou conseguindo pegar a primeira ação, não ...
0
votos
2
respostas
1mil
visitas
Inicializar objeto com tipo definido sem especificar cada valor [duplicada]
Gostaria de inicializar um objeto sem definir cada valor no TypeScript
Vamos simular uma situação simples em que temos o Objeto Carro:
export interface Carro {
QuantidadePortas: number,
...
-1
votos
1
resposta
154
visitas
ApexCharts - Como adicionar uma quebra de linha em uma label em um RadialBar
Estou precisando inserir um texto longo no centro de um radial bar, de forma que se ajuste adequadamente, por exemplo com uma quebra de linha. O texto que quero alterar fica no local do exemplo ...
0
votos
1
resposta
163
visitas
Abreviar label dos nomes dos dias da semana
Versões
Angular:
"@angular/core": "11.2.1"
Syncfusion:
"@syncfusion/ej2-angular-schedule": "^19.1.65"
Estou utilizando o schedule do syncfusion e ao fazer a ...
0
votos
1
resposta
47
visitas
Angular Erro ao mudar de estado, comunicação entre components via serviço
podem me ajudar:
Error: ExpressionChangedAfterHasBeenCheckedError: Expression has changed after it was checked. Previous value for 'attr.aria-describedby': 'msg-default'. Current value? 'id-0'
Estou ...
0
votos
1
resposta
144
visitas
Erro ao adicionar criar um componente utilizando PrimeNG
Fala galera blz? Tô aprendendo primeng mas não to conseguindo rodar meu projeto. Fiz os passos certinho da documentação e vejo que estou com error aqui mas não consegui solucionar.
Passos que eu fiz ...
-1
votos
1
resposta
72
visitas
Como pegar o último valor de um incremento em javascript e acrescentar mais um?
Tenho uma função de click que quando é acionada cria uma div embaixo da outra, todas semelhantes e com numeração, por exemplo, div 1, div 2 e por aí vai, toda vez que clico em um botão. Usei o ...
-2
votos
1
resposta
681
visitas
Como pegar o valor atual de um select com angular
import { MatchService } from './../match.service';
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core'
import { Match } from '../match.model';
import {...
-2
votos
1
resposta
468
visitas
Angular 12, i18n falha com scss
Estou tentando usar um template que comprei com internacionalização, mas estou tendo problemas quando executo o comando ng server --conficuration=pt simplesmente obtenho erros nos arquivos de scss e ...
0
votos
1
resposta
123
visitas
Como converter data para um component Angular?
Tenho esta data no formato de string:
Sun May 16 2021 09:54:25 GMT-0300 (Horário Padrão de Brasília)
E quero inseri-la no formulário do front-end:
<div class="ui-grid-col-6">
&...
-1
votos
1
resposta
280
visitas
Erro ao criar novo projeto em Angular
Estou tentando criar um novo projeto via command line (ng new nome_projeto), porém, sempre da esse erro:
Installing packages (npm)...npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve ...
0
votos
2
respostas
45
visitas
Como controlar setValidators em angular?
Eu usando formulários relativos no angular 4, estou com problema ao controlar o setValidators em estrutura um pouco grande, como abaixo:
this.criteria = this.formBuilder.group({
discount: this....
0
votos
0
respostas
271
visitas
Dúvida de como adicionar objeto em um Array no Angular
Tô aprendendo Angular e estou criando um método que vai adicionar um objeto em um Array para visualizar no html utilizando a diretiva NgFor.
O erro está na parte que do funcionario.push({})
export ...
0
votos
1
resposta
298
visitas
Enviar Input de texto em um FormData (angular)
Estou com um formulário de upload de uma imagem, mas também quero passa um campo de texto junto a imagem, a api esta funcionando perfeitamente e quando faço o envio pelo Insomnia ele cria tudo ...
-1
votos
1
resposta
549
visitas
Como esperar uma requisição HTTP acabar no Angular 5
estou criando um método que faz uma requisição HTTPSERVICE na minha API mas necessito que termine essa requisição antes de continuar o restante do meu Método, como eu poderia forçar o Angular aguardar ...
0
votos
0
respostas
207
visitas
Não consigo mostrar o ícone do Material Design em tela
Tentei colocar o menu do Material Design, porém não tive sucesso. Por favor alguém tem como verifica se algo estar de errado com meu código?
angular.js
"styles": [
"src/...
0
votos
1
resposta
152
visitas
Provider para interceptar click em botões
O projeto que eu estou desenvolvendo é composto de muitos formulários com diversos botões. O que eu preciso desenvolver é uma maneira de travar cliques duplos e requisições desnecessárias para a API. ...
0
votos
0
respostas
238
visitas
Usar promise é errado (deprecated) hoje em dia?
Bom, trabalho com angular atualmente e sempre tenho dúvida se é errado usar promises ou nao, exemplo. Eu tenho um código que precisa ser async. Primeira função deve validar a permissão de acesso, após ...
-1
votos
1
resposta
109
visitas
Erro não capturado: Propriedade 'nativeElement' não pode ser lida
Estou implementando uma interface clone do aplicativo do Uber e tentando renderizar um mapa através das API's do Google, porém ao executar o código o mapa não carrega e o console apresenta o seguinte ...
-1
votos
1
resposta
265
visitas
Botão True ou False no Angular
Gostaria de criar um botão no Angular que ao clicar nele gerasse um valor verdadeiro ou falso no Firebase, como poderia fazer isso? Tenho que criar um botão que grava um valor verdadeiro ou falso no ...
0
votos
1
resposta
125
visitas
Buscar por id no angular
Como faz para pegar esse valor da variavel user e colocar dentro do FormGroup?
No .ts eu fiz assim:
ngOnInit(): void {
this.id = this.activatedRoute.snapshot.params['id'];
this.service....
0
votos
1
resposta
95
visitas
Emitir evento após fechar ngx-toastr Angular
Estou usando o seguinte codigo para gerar o poup-up toastr
showSuccess() {
this.toastr.success('You are awesome!', 'Success!', {
onHidden: () => {
console.log('hidden')
...
0
votos
2
respostas
114
visitas
Como listar um Array num checkbox, quebrando por um dos itens do Array?
Tenho o Array abaixo:
this.ca = this.categorias = [
{cate: 'oquefazer' , tipo: 'ACESSIBILIDADE:', nome: 'Cadeirante' , icone: 'fa-wheelchair'},
{cate: 'oquefazer' , tipo: '...
0
votos
2
respostas
623
visitas
Angular - Array chamando apenas primeiro item
Estou tentando fazer um calculo de um Array para exibir o valor total ao adicionar um item ao meu carrinho.
Meu array está assim: Utilizo o Status para informar na view que o item foi adicionado ao ...
-2
votos
1
resposta
645
visitas
angular - passando valores de variáveis de uma page.ts para outra
Estou começando agora com o angular e estou com uma dúvida, eu fiz uma tela de login.page.html, depois que o back-end confirma o login e senha o usuário vai para a tela home.page.html nesta tela o ...
0
votos
1
resposta
92
visitas
*ngIf está renderizando dois blocos
Estou fazendo uma validação de inputs, onde caso o usuário selecione o banco X, o campo conta terá no mínimo 5 caracteres e no máximo 11, caso escolha o banco Y, o campo terá no mínimo 5 caracteres e ...
-1
votos
1
resposta
2mil
visitas
Type 'Observable<ArrayBuffer>' is not assignable to type 'Observable<Entidade>'
Eu estava fazendo um curso de Angular 10 + Spring boot e me deparei com o seguintes erros:
Type 'Observable' is not assignable to type 'Observable'.
Type 'ArrayBuffer' is missing the following ...
-1
votos
1
resposta
34
visitas
Loading em AngularFireAuthGuard
Alguma maneira de implementar um loading no CanActivate em Angular 11?
import { NgModule } from '@angular/core';
import { AngularFireAuthGuard, redirectUnauthorizedTo } from '@angular/fire/auth-guard';...
-1
votos
1
resposta
1mil
visitas
Angular - Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays
Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
Tenho esse backend em JavaScript que está rodando na port ...
0
votos
0
respostas
22
visitas
Como armazenar em um campo AGM uma valor de uma tabela no banco de dados?
Olá estou desenvolvendo um projeto com Angular, Firebase e Android. O projeto é um sistema de rastreio,pelo o aplicativo do celular é pego a localização, em Longitude e latitude, e esses valores são ...
0
votos
1
resposta
150
visitas
Angular - Rota abre componente errado
Ao executar a rota home/person/create carrega o componente person e não o create.
Tenho pouca experiência com rotas no Angular, se alguém tiver alguma sugestão. Grato!
A rota home/person está ok:
Já ...
-1
votos
1
resposta
320
visitas
Erro ao capturar informação de componente no Angular
Meus amigos, estou começando a estudar angular, estou fazendo um CRUD de produtos me deparei com o seguinte erro ao criar o componente para editar o produto cadastrado.
Tentei de varias formas, mas ...
-1
votos
1
resposta
47
visitas
Quando Seleciono Uma CheckBox Todas São Selecionadas (Apenas A Escolhida Deve Ser Marcada)
Quando seleciono uma CheckBox todas são selecionadas, preciso que apenas a Checkbox escolhida seja selecionada.
Podem me ajudar? Obrigado!
tabela.component.html:
<table class="table"&...
0
votos
1
resposta
69
visitas
Reaproveitar código de services Angular
A produtividade para o desenvolvimento de um sistema muitas vezes acontece devido a sabedoria de reaproveitar códigos e/ou components
Analisando meu código percebi que meu crud se repete muitas vezes ...
0
votos
0
respostas
284
visitas
Property 'foods' is private and only accessible within class 'MainLifecycleComponent'
Como acessar atributos privados dentro do html? Criei o private food, mas não consigo acessar ele no html por ser privado. tem alguma forma de acessar?
main-lifecycle.ts
import { Client } from '../...