Skip to main content

Perguntas com a tag [angular-material]

Angular Material consiste em implementação do Material Design criado pelo Google. Este apresentada uma biblioteca de componentes para efetivação de uma UI atrativa, consistente e funcional permitindo uma criação rápida e responsiva em novos projetos.

37 perguntas sem resposta aceita nem com voto a favor
Filtrar por
Ordenado por
Com tags
3 votos
1 resposta
2mil visitas

Como deixar uma div fixa acompanhando o scroll?

Estou usando AngularJs e Angular Material e preciso fazer uma div ficar fixa porém não faço a menor ideia de como fazer, minha estrutura é a seguinte: <div class="page"> <md-toolbar ...
Felipe Paetzold's user avatar
2 votos
1 resposta
295 visitas

Mat-paginator fora de posição após atualização Chrome

Boa tarde pessoal, Utilizo o Angular 6.1.5 com Angular-Material 6.4.7, e a mais ou menos 2 meses, após uma atualização do Google Chrome o mat-paginator se deslocou para a posição 9 "nove" na ...
Leandro Santos Dos Santos's user avatar
2 votos
0 respostas
487 visitas

Definir formato do componente MatDatePicker

Como definir o formato do componente DatePicker em Angular 6. Em minha aplicação em Angular 6, estou trabalhando com o banco de dados Cloud Firestore do Firebase. Ao realizar uma consulta de ...
Luiz's user avatar
  • 23
1 voto
0 respostas
48 visitas

Tem como uma imagem ocupar a tela inteira existindo um mat-card em angular?

Estou fazendo um projeto em angular, estou ainda no início do framework então não entendo muito sobre, gostaria de saber se consigo colocar uma imagem de fundo do projeto, tendo em mente que o título ...
Everton TP's user avatar
1 voto
0 respostas
110 visitas

css dynamically angular 8

Estou tendo um problema ao registrar meu css dinamico tentei deixar extensão .scss e .css mas ambas não deram certo. Theme.service.ts import { Injectable, Inject, EventEmitter } from '@angular/core'; ...
jferreira25's user avatar
1 voto
0 respostas
241 visitas

Erro no Angular TypeError: _co.desabilitar is not a function

Gostaria de entender o que está causando esse erro na minha aplicação. Segue os códigos: desabilitar(elemento){ var radio = document.getElementById(elemento) as HTMLInputElement; radio.checked = ...
José Vinicius Menari's user avatar
1 voto
0 respostas
237 visitas

Como personalizar os ícones do material stepper?

Boa tarde. Estou tentando modificar os ícones que vem por padrão no stepper do material design mas não consigo encontrar nenhuma solução viável. Este ícone de editar que me refiro. Há alguma forma de ...
Ziru Zanrgeiff's user avatar
0 votos
0 respostas
164 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á ...
HuntressDC's user avatar
0 votos
1 resposta
838 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 ...
Alan's user avatar
  • 11
0 votos
0 respostas
187 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 ...
Bruno 's user avatar
  • 13
0 votos
0 respostas
49 visitas

Como acessar o método isComplete() do mat-date-range-picker no template?

Estou tentando acessar o método isComplete() do mat-date-range-picker no meu template: You should select the range date Porém estou recebendo este erro: error TS2339: Property 'isComplete' does ...
veroneseComS's user avatar
  • 2.813
0 votos
0 respostas
66 visitas

Colocando itens fixos em uma lista

Alguém poderia me ajudar? Estou com o seguinte problema. Tenho que colocar dois itens fixos em uma lista, já tentei usar o position fixed e sticky mas não deu certo. Vou deixar o código a abaixo. ...
Luan Calil's user avatar
0 votos
2 respostas
720 visitas

Alterar background color de uma row de uma table utilizando checkbox

Estou tentando alterar a cor de uma row quando um checkbox é selecionado, mas quando selecionou apenas um, o table inteira é alterada a cor, o check permanece apenas no selecionado, mas a cor é ...
Bruno 's user avatar
  • 13
0 votos
1 resposta
292 visitas

Como pegar o atributo "aria-selected" do mat-selection-list com angular?

possuo um mat-accordion que possui um mat-selection-list de uma forma interna. Eu vi que dentro desse mat-selection-list possui um atributo que chama aria-selected, preciso pegar os dados dos ...
Gabriel Falieri's user avatar
0 votos
0 respostas
1mil visitas

Overflow em Material Table

Bom dia, tenho uma tabela com material table e preciso que quando quando os dados da coluna excedam seu tamanho, ela gere um scroll com overflow. Já tem um tempo que estou procurando e tentando e não ...
user avatar
0 votos
2 respostas
198 visitas

Receber um status e marcar como CHECKED - TypeScript

Estou recebendo um array do back, contendo os usuários do sistema. Eu exibo esse array numa tela de edição de grupos, onde exibe todos os usuários do sistema em um checkbox multiple. O que preciso ...
Lucas Tadeu's user avatar
0 votos
0 respostas
582 visitas

Como deixar checkbox do mat-select marcados como padrão

Estou com um problema em uma projeto angular, tenho um checkbox dentro de um <mat-select> para fazer um filtro, entretanto eu desejo que todos os campos ja iniciem ativados e não desativados, ...
André Macedo's user avatar
0 votos
0 respostas
85 visitas

erro ao gerar o build do angular /material

Na hora que rodo o serve aparece esse erro e não carrega meus componentes fica exibindo o seguinte erro que não consigo solucionar: -Console- main.ts:13 Error: No base href set. Please provide a ...
Roberto T Junior's user avatar
0 votos
1 resposta
36 visitas

ngMaterialDateRangePicker não atualiza o modelo

Estou tentando utilizar date range picker do ngMaterial, mas sem sucesso.. .por algum motivo ele não está atualizando o model. Fiz a chamada no JS: angular.module('events-create', [ '...
Ricardo Aquino's user avatar
0 votos
0 respostas
57 visitas

Filtragem client side de um DataSource

Estou desenvolvendo uma consulta de uma massa de dados do meu servidor, com o propósito de alimentar um DataTable (no caso, o do Angular Material). Estou utilizando o CollectionViewer e DataSource da ...
João Lucas Stephan's user avatar
0 votos
0 respostas
436 visitas

angular material 2 - autocomplete não funciona

Estou com um problema, o auto complete do Angular Material não funciona no meu código. Ao carregar a página não chega a aparecer nem as opções. html <div class="form-group col-md-6 form-md-...
Luis Eduardo's user avatar
0 votos
1 resposta
140 visitas

Migração do angular material 5 para o angular material 6

Estou migrando do angular 5 para o 6 e do material 5 para o 6. O problema é que ocorre o segundo erro ao subir a aplicação. TypeError: Cannot read property 'appendChild' of null at MatCommonModule....
Renato Carauta Ribeiro's user avatar
0 votos
1 resposta
122 visitas

<md-dialog> - Angular

Utilizo este componente para abrir modais. Utilizo o parâmetro flex para definir a largura. Como definir a altura ? <md-dialog aria-label="Detalhe do bem" flex="90" >
Guilherme's user avatar
  • 137
0 votos
0 respostas
35 visitas

Minha descrição da linha de cima não está aparecendo!

<md-card ng-repeat="classified in classifieds "flex="30"> <!-- cada cartão ocupará 1/3 da página(33) --> <img ng-src="{{classified.image}}" alt=""> <md-card-...
Claudio Shigemi's user avatar
0 votos
1 resposta
131 visitas

Login Firebase só funciona clicando duas vezes no botão com ng-click

Estou fazendo uma página de login com os campos e-mail e senha e um botão que chama a seguinte função: $scope.login = function(usuario){ $scope.isLoading = true; firebase.auth()....
Bruno Tinelli's user avatar
0 votos
1 resposta
1mil visitas

Como deixar sidenav e toolbar fixas com angular material

Quero deixar fixo a sidenav e o toolbar do Angular Material, e o conteúdo da aplicação ficar no restante da página. Na minha index.html estou usando a diretiva ng-view pra renderizar. Tenho uma pagina ...
Bruno Tinelli's user avatar
0 votos
2 respostas
75 visitas

Problemas com barra de navegação

Bom dia. Tenho uma tela com angular material em que simulo a flexnav do material design. e quando desço o scroll fica: Contudo, somente no momento em que a tela é carregada fica assim: Já mexi ...
HDeiro's user avatar
  • 910
0 votos
1 resposta
257 visitas

Capturar dados de todos elementos select's no HTML com Angular

Fiz um ngFor para listar elementos select HTML e estou querendo capturar todos os dados selecionados por esse select... fiz da seguinte forma: app.component.html <form [formGroup]="...
Ikaro Sales's user avatar
0 votos
1 resposta
1mil visitas

Atualização de dados no banco refresh component angular

Queria saber como eu faço pra que toda vez que atualize os dados no banco ele atualize o component no angular ou de refresh na pagina, ou melhor que o serviço seja em tempo real. Eu já vi varias ...
Luiz C. de Souza Javorski Jr's user avatar
-1 votos
1 resposta
384 visitas

Não estou conseguindo atulalizar a grade no html <mat-table>

Formulario.ts import { Component, OnInit } from '@angular/core'; import { FormBuilder, Validators } from '@angular/forms'; import { MatTableDataSource } from '@angular/material/table'; import { ...
guilherme's user avatar
-1 votos
1 resposta
1mil visitas

Existe alguma forma de forçar uma opção de um <mat-option> por um service?

Basicamente tenho um mat-option, e gostaria de selecionar uma opção dele diretamente por parâmetros, com um service, por exemplo. Este é o option: <mat-select [formControl]="form.get('emptyTitle')...
Matheus Ribeiro's user avatar
-1 votos
1 resposta
3mil visitas

Angular Material 5 - Mat-Table Sort

Os campos Tipo e Data não estão ordenando em ordem decrescente ao comando do usuário, segue anexo o código .ts e html: Se alguém tem uma explicação/solução por gentileza compartilhe. import { ...
Alex Sandro's user avatar
-1 votos
1 resposta
650 visitas

Adicionar uma classe CSS a somente um elemento filho da linha da tabela

Preciso de uma ajuda, tenho uma tabela, ao clicar no checkbox de uma determinada linha, somente o nome do analista presente neste linha deve ficar com a cor vermelha, mas da forma que implementei ao ...
Munir Baarini's user avatar
-1 votos
1 resposta
763 visitas

Erro ao executar projeto Angular

estou tentando executar uma aplicação Angular no meu ambiente de desenvolvimento, mas estou passando por alguns problemas. Clonei o repositório do projeto, executei o npm install, e ao executar um ng ...
Diego Estacho's user avatar
-2 votos
1 resposta
1mil 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 {...
Ivo's user avatar
  • 1
-2 votos
1 resposta
638 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 '@...
Vinícius Kock's user avatar
-2 votos
2 respostas
816 visitas

estou tendo problemas em meu angular angular , quando vou da um npm start ele da essa mensagem

This likely means that the library (@angular/material/snack-bar) which declares MatSnackBar has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of ...
Lucas Neves's user avatar