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
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 ...
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 ...
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 ...
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 ...
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';
...
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 = ...
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 ...
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á ...
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 ...
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 ...
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 ...
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. ...
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 é ...
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 ...
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 ...
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 ...
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, ...
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 ...
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',
[
'...
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 ...
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-...
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....
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" >
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-...
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()....
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 ...
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 ...
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]="...
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 ...
-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 { ...
-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')...
-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 { ...
-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 ...
-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 ...
-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 {...
-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 '@...
-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 ...