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.
85
perguntas
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 ...
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">
<...
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" ...
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"...
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>
<...
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?...
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
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 ...
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 ...
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 ...
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
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 ...
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 ...
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 ...
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 ...
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 ...
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>
...
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 ...
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 ...
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 ...
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....
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 ...
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="...
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 ...
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
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 ...
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 ...
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 ...
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....
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/...
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">
...
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-...
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" [...
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 ...
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('#...
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 ">
<...
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)">
<...
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, ...
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, ...
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',['...
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á ...
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 ...
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 ...
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
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.
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 é ...
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 ...