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.

Filtrar por
Ordenado por
Com tags
5 votos
2 respostas
12mil visitas

Como funciona o Grid System no Angular Material Design?

Na documentação do Angular Material Design possui um componente chamado Grid List, que, imagino eu, seja a parte de estruturação do layout, porém ele só tem dois exemplo muito simples e não consegui ...
Costamilam's user avatar
  • 10,1mil
4 votos
1 resposta
2mil visitas

Como usar um ícone do font-awesome com botão do Material Angular?

Na Documentação do Material Angular há exemplos de como usar ícones em botões, através de um ícone SVG. Exemplo: <md-button class="md-icon-button md-primary" aria-label="Settings"> <...
Wallace Vizerra's user avatar
4 votos
1 resposta
218 visitas

Porque esta chamada é inserida automaticamente no corpo do HTML?

Em um app estou usando as bibliotecas em Javascript: jQuery, Angular, Angular Material e Moment. Totalizando tenho as seguintes chamadas em meu arquivo: <script src="vendor/jquery/jquery-3.1.1.js" ...
user5020's user avatar
  • 1.037
3 votos
2 respostas
470 visitas

Botão de fechar no <md-select>

Galera estou usando o angular material, e preciso de um botão de fechar quando faço a seleção do select, ele só fecha o box se clicar fora, abaixo tem um exemplo: HTML: <div ng-controller="MyCtrl"...
Samuel Souza's user avatar
3 votos
1 resposta
1mil 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> <...
HuntressDC's user avatar
3 votos
1 resposta
1mil visitas

AngularJs-Material como alterar a lingua para portugues do md-datepicker

Estou tentando trocar a linguagem do md-datepicker para português pois os dias da semana e o meses estão em inglês, portanto fica confuso para o usuário... Existe alguma forma de trocar esta linguagem?...
Gabriel Souza's user avatar
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
75 visitas

É possível manipular um template de uma rota abstrata, em outras rotas, de forma dinâmica?

No angular eu criei uma rota abstrata usando $stateProvider. Essa rota é onde tem o menu de navegação lateral e duas toolbar, uma com alguns botões, e uma outra de pesquisa. Eu criei uma rota ...
Geferson's user avatar
  • 1.360
2 votos
1 resposta
2mil visitas

Mat Form Field Angular: Como manter o tamanho original da fonte quando o form-field é focado?

Estou usando Angular Material form field com input. Quando eu clico no meu form field, minha label tem a font-size diminuida. Como posso manter o tamanho original da minha label quando o form field ...
veroneseComS's user avatar
  • 2.813
2 votos
1 resposta
2mil visitas

Como estilizar um Mat-paginator?

Criei um mat-paginator-intl para modificar o texto do mat-paginator da seguinte forma: import { MatPaginatorIntl } from '@angular/material'; export class MatPaginatorIntlCustom extends ...
Matheus Ribeiro'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
490 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
2 respostas
5mil visitas

Mudar esquema de cor do Angular 9 material design

Adicionei o pacote do material design, ng add @angular/material, no meu projeto e selecionei o Deep Purple/Amber. Quero mudar a paleta de cores do meu projeto, mas não encontrei como gerar o CSS no ...
RRV's user avatar
  • 515
1 voto
1 resposta
372 visitas

Controller do angularjs não funciona direito

estou dando uma estudada básica em como criar telas usando Angularjs e Material, tudo indo bem até eu precisar do controller, parece que o $scope não está funcionando, coloquei um console.log no ...
user2831852's user avatar
1 voto
1 resposta
273 visitas

Spinner Angular material não funciona em chamadas síncronas

Tenho uma chamada síncrona new SyncRequestClient().post<HistoricoModel,Response>(solrRequest, request); e preciso que seja criado um spinner para essa chamada. Aparecer antes de ser feita a ...
Renato Carauta Ribeiro's user avatar
1 voto
2 respostas
2mil visitas

erro: Uncaught (in promise): Error: Value must be an array in multiple-selection mode

Faendo um compareWith, com a finalidade de quando eu editar, as dropdowns já possa vir preenchida com os valores atribuídos. Ao fazer isso, eu pego esse erro: Uncaught (in promise): Error: Value ...
pnet's user avatar
  • 14,9mil
1 voto
1 resposta
2mil visitas

Ordenar Lista de Componentes Angular

Fala Galera! Minha dúvida é a seguinte: imaginem uma DIV que dentro dela existam vários componentes como o exemplo abaixo: <div class="row"> <app-fogao></app-fogao> ...
Matias Neto's user avatar
1 voto
2 respostas
4mil visitas

Angular 9 - mat-form-field must contain a MatFormFieldControl

Encontrei alguns posts na internet falando sobre este assunto, porém não achei solução para o meu caso. Tenho um form e quando inicio o APP recebo a mensagem -> mat-form-field must contain a ...
RRV's user avatar
  • 515
1 voto
1 resposta
2mil visitas

Formatar o valor do input usando [ngModel] e (ngModelChange) enquanto digita

Pesquisei no SO e SOPT para ver se tinha ocorrido com alguém a mesma coisa, mas acredito que não. Tenho uma aplicação com um input para que um determinado valor seja digitado e formatado ao mesmo ...
ivansnpmaster's user avatar
1 voto
2 respostas
959 visitas

Erro com a propriedade checked e value no Angular

Estou tentando utilizar um código para obter o valor do radio button selecionado e estou me deparando com os seguintes erros: A propriedade 'checked' não existe no tipo 'HTMLElement'. A ...
José Vinicius Menari's user avatar
1 voto
4 respostas
4mil visitas

Cannot read property 'name' of undefined

Senhores, estou tomando este erro ao rodar meu formulario de cadastro.. ERROR TypeError: Cannot read property 'name' of undefined at forms.js:3282 at forms.js:3222 at Array....
Henrique Abreu's user avatar
1 voto
1 resposta
681 visitas

O elemento é gerado com um atributo e o respectivo CSS com outro atributo

Criei o componente toolbar com o seguinte decorator: @Component({ selector: 'app-toolbar', templateUrl: './toolbar.component.html', styleUrls: ['./toolbar.component.scss'] }) Repare que ...
Filipe Moraes's user avatar
1 voto
1 resposta
749 visitas

Angular + Angular Material mesmo sem erro não parece nada

Ao startar minha aplicação não ocorre nenhum erro mas não aparece nada na tela. <!DOCTYPE html> <html> <base href="/"> </base> <head> <meta name="...
Eber Lasso's user avatar
1 voto
1 resposta
798 visitas

Error: $injector:modulerr Module Error - Não consigo resolver [fechada]

Estou a muito tempo brigando com esse erro e não acho uma solução, conto com a ajuda de alguém por favor. Arquivo único. Para teste sem sucesso. <html lang="en"> <head> <meta ...
Eber Lasso's user avatar
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
1 resposta
1mil visitas

Message no component Snackbar - Angular 4 Material

Estou usando a biblioteca do angular material e resolvi utilizar o Component de Snackbar. Um dos parâmetros do Snackbar é o parâmetro message. Minha intenção é passar dentro do message ao invés de ...
Hitch Leonardo'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
1 voto
3 respostas
435 visitas

Validar três campos [fechada]

Tenho três campos e tenho que validar mandando a mensagem ng-mensage do primeiro campo sempre que um valor é trocado e impedindo que o form seja submetido. A soma do campo número 2 e número 3 não ...
marcao1569's user avatar
1 voto
0 respostas
331 visitas

Como trocar o avatar AngularJS usando imagem da storage? [fechada]

Criando um app com AngularJS e gostaria que o usuário escolhesse uma foto de sua storage para inserir como imagem de seu perfil, ou seja, quero buscar a imagem na memória interna. É possível? $scope....
Ronaldo.G's user avatar
0 votos
1 resposta
880 visitas

Bloquear fins de semana no datepicker Angular Material

Estou usando o DatePicker do Angular Material e preciso bloquear os sábados e domingos afim de não serem selecionados. De que forma posso fazer isso ? Código: ts import {Component} from '@angular/...
alexjosesilva's user avatar
0 votos
1 resposta
1mil visitas

Limpar valor do input no angular material

Tenho um input no Angular Material: <mat-form-field class="width-layout p-0 col-xs-12 col-sm-4 col-md-4 col-lg-4" [class.mat-form-field-invalid]="errorValue" appearance="outline"> ...
Maria's user avatar
  • 843
0 votos
1 resposta
204 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-...
Matheus Evandro Rech's user avatar
0 votos
1 resposta
6mil visitas

Como fazer subitens com o componente SideNav do Angular Material Design

Fiz um menu utilizando o SideNav do Angular Material Design desta forma: <mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport="true" [...
Ramos's user avatar
  • 620
0 votos
1 resposta
2mil visitas

Uncaught Error: [$injector:modulerr] para angular-material.js

Estou com um problema ao utilizar o Angular Material JS. Tenho a minha index com as referências para o projeto Angular-Material. <head> <!-- AngularJS Material CSS using GitCDN to ...
Bruno Heringer's user avatar
0 votos
1 resposta
176 visitas

Trocar classe dinamica no mdDialog.show

Preciso alterar a classe do botão OK, por padrão ela é dinâmica e vem setado 'md-primary'. $mdDialog.show( $mdDialog.alert() .parent(angular.element(document.querySelector('#...
Samuel Souza's user avatar
0 votos
4 respostas
2mil visitas

Label do materialize não sobe quando populo um input

Quando busco os dados para preencher os inputs a label não sobe, ficando em cima do valor do input segue imagem. Código do form: <div class="row"> <div class="col s12 "> <...
Al Unser Albuquerque's user avatar
0 votos
1 resposta
1mil visitas

Como dar "trigger" em um Option de um Mat-select que já está selecionado?

Basicamente tenho este mat-select: <mat-select [formControl]="form.get('emptyTitle')" placeholder="Nenhum Índice Selecionado" (selectionChange)="onSelect($event)"> <...
Matheus Ribeiro's user avatar
0 votos
2 respostas
829 visitas

Mostrar Page vindo do SpringBoot no angular 6 usando Angular Material Data Table

Olá, estou iniciando em angular e gostaria de mostrar o resultado de uma pesquisa que está vindo de uma api que construi usando springboot. minha response esta vindo assim: {,…} content: [{id: 33, ...
oitathi's user avatar
  • 155
0 votos
1 resposta
2mil visitas

Desmarcar Radio Button do Angular Material

Ola, eu estou com um problema no Angular. Eu quero que meu button select do Angular Material seja desmarcado(uncheck) quando a seguinte função for chamada, porem não faço a minima ideia de como fazer, ...
Marcelo Henrique Dos Reis's user avatar
0 votos
1 resposta
490 visitas

Personalizar menu do Angular Material

Preciso colocar uma margem nesse menu quando clicado, quero embaixo do botão, tem como usar uma hierarquia para não afetar as classes originais do componente? angular .module('MyApp',['...
Samuel Souza's user avatar
0 votos
0 respostas
166 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
841 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
190 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
0 respostas
68 visitas

Angular 9 datatables [fechada]

Boa tarde, estou utilizando o datatable do link abaixo: https://l-lin.github.io/angular-datatables/#/welcome O único problema é atualizar o valor do grid após o update, segue imagem: Muito Obrigado.
Jeff's user avatar
  • 1
0 votos
2 respostas
727 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
212 visitas

HTML sendo construido antes de retorno da api em Angular

Quero receber dados da minha API e construir cards com eles dinamicamente, para isso estou usando o 'binding' do Angular, porem meu HTML está sendo construído antes da resposta estar concluída, com ...
Henrique Castro's user avatar