Most voted "angular-material" questions
Angular Material consists of the implementation of Material Design created by Google. This presented a library of components for making an attractive, consistent and functional UI enabling fast and responsive creation in new projects.
Learn more…80 questions
Sort by count of
-
4
votes1
answer1193
viewsHow to use a font-awesome icon with Angular Material button?
In the Documentation of Material Angular there are examples of using icons on buttons, through an SVG icon. Example: <md-button class="md-icon-button md-primary" aria-label="Settings">…
-
4
votes1
answer213
viewsWhy is this call automatically inserted into the HTML body?
In an app I’m using the Javascript libraries: jQuery, Angular, Angular Material and Moment. Totaling I have the following calls in my file: <script src="vendor/jquery/jquery-3.1.1.js"…
-
3
votes1
answer785
viewsAngularjs-Material how to change language to Md-datepicker English
I’m trying to change the language from Md-datepicker to Portuguese because the days of the week and the months are in English, so it gets confusing for the user... Is there any way to exchange this…
-
3
votes2
answers268
viewsClose button in <Md-select>
I am using the material angular, and I need a close button when I select the select, it only closes the box if you click outside, below has an example: HTML: <div ng-controller="MyCtrl" layout…
-
3
votes1
answer1205
viewsHow to leave a fixed div accompanying the scroll?
I’m using AngularJs and Angular Material and I need to make a div stay fixed but I have no idea how to do, my structure is as follows: <div class="page"> <md-toolbar layout="row">…
-
2
votes2
answers8439
viewsHow does the Grid System work in Angular Material Design?
In the documentation of Angular Material Design has a component called Grid List, which, I imagine, is the structuring part of the layout, but it only has two very simple examples and I couldn’t…
-
2
votes1
answer68
viewsIs it possible to manipulate a template of an abstract route, in other routes, dynamically?
At the angle I created an abstract route using $stateProvider. This route is where you have the side navigation menu and two Toolbar, one with a few buttons, and the other search. I created an…
-
2
votes0
answers275
viewsDefine Matdatepicker component format
How to define component format Datepicker in Angular 6. In my Angular 6 application, I am working with the database Cloud Firestore of Firebase. When performing a document query, when the document…
-
2
votes1
answer571
viewsMat Form Field Angular: How to maintain the original font size when the form-field is focused?
I’m using Angular Material form field with input. When I click on my form field, my label has the font-size decreased. How can I maintain my label’s original size when the form field has focus? I…
-
2
votes1
answer83
viewsMat-Paginator out of position after Chrome update
Good afternoon, everyone, I use Angular 6.1.5 with Angular-Material 6.4.7, and about 2 months after a Google Chrome update mat-Paginator moved to position 9 "nine" in the table, staying in the…
-
1
votes1
answer329
viewsAngularjs controller does not work well
I am giving a basic study on how to create screens using Angularjs and Material, everything going well until I need the controller, it seems that $Scope is not working, I put a console.log at the…
-
1
votes1
answer661
viewsError: $injector:modulerr Module Error - I can’t fix
I’ve been fighting with this mistake for a long time and I can’t find a solution, I’m counting on someone to help me please. Unique file. For unsuccessful testing. <html lang="en">…
-
1
votes0
answers107
viewsHow to customize Stepper material icons?
Good afternoon. I’m trying to modify the icons that come by default in the design material Stepper but can’t find any workable solution. This edit icon I’m talking about. Is there any way to put a…
-
1
votes1
answer747
viewsMessage no Component Snackbar - Angular 4 Material
I’m using the library of angular material and decided to use the Component of Snackbar. One of the parameters of Snackbar is the parameter message. My intention is to pass inside the message instead…
-
1
votes2
answers860
viewserror: Uncaught (in Promise): Error: Value must be an array in Multiple-Selection mode
Giving a compareWith, for the purpose of when I edit, the dropdowns can already be filled with the assigned values. By doing this, I catch this mistake: Uncaught (in Promise): Error: Value must be…
-
1
votes2
answers476
viewsError with checked property and value in Angular
I am trying to use a code to get the value of the selected radio button and I am facing the following errors: Checked property does not exist in type 'Htmlelement'. The property 'value' does not…
-
1
votes0
answers242
viewsHow to exchange Angularjs avatar using Storage image?
Creating an app with Angularjs and would like the user to choose a photo of his Image Gallery to insert as an image of his profile, I want to search the image in the internal memory. It is possible?…
-
1
votes0
answers209
viewsAngular Typeerror: _co.disable is not a Function
I would like to understand what is causing this error in my application. Follows the codes: desabilitar(elemento){ var radio = document.getElementById(elemento) as HTMLInputElement; radio.checked =…
-
1
votes3
answers312
viewsValidate three fields
I have three fields and I have to validate sending the message ng-mensage of the first field whenever a value is exchanged and preventing the form from being submitted. The sum of the field número 2…
-
1
votes2
answers1133
viewsChange Angular 9 material design color scheme
I added the material design package, ng add @angular/material, to my project and selected Deep Purple/Amber. I want to change the color palette of my project, but I couldn’t find how to generate CSS…
-
1
votes1
answer392
viewsThe element is generated with an attribute and the respective CSS with another attribute
I created the component toolbar with the following developer: @Component({ selector: 'app-toolbar', templateUrl: './toolbar.component.html', styleUrls: ['./toolbar.component.scss'] }) Note that the…
-
1
votes4
answers3388
viewsCannot read Property 'name' of Undefined
Gentlemen, I’m making this mistake by running my registration form.. ERROR Typeerror: Cannot read Property 'name' of Undefined at Forms.js:3282 at Forms.js:3222 at Array.foreach () At…
-
1
votes0
answers514
viewsMaterial angular does not function even if declared
Basically all the themes are declared and no error is pointed out, but everything that is within the tags related to the angular material, is simply not rendered, the rest, which is not within these…
-
1
votes1
answer846
viewsFormat input value using [ngModel] and (ngModelChange) while typing
I ran it through the OR and PTSD to see if anyone else had the same thing, but I don’t think so. I have an app with a input so that a certain value is typed and formatted at the same time, as…
-
1
votes1
answer719
viewsHow to style a Mat-Gymnator?
I created a mat-paginator-intl to modify the text of mat-paginator as follows: import { MatPaginatorIntl } from '@angular/material'; export class MatPaginatorIntlCustom extends MatPaginatorIntl {…
-
1
votes1
answer133
viewsRemove material menu edge
Good morning, I’m using the "Expansion Panel" menu from Material and wanted to remove the image selection border. The code at the moment is like this: HTML <mat-expansion-panel-header…
-
1
votes2
answers1567
viewsAngular 9 - mat-form-field must contain a Matformfieldcontrol
I found some posts on the internet talking about this subject, but I found no solution to my case. I have a form and when I start the APP I get the message -> mat-form-field must contain a…
-
1
votes1
answer106
viewsSpinner Angular material does not work in synchronous calls
I have a synchronous call new SyncRequestClient().post<HistoricoModel,Response>(solrRequest, request); and I need a spinner created for that call. Appear before the call is made and disappear…
-
1
votes1
answer274
viewsSort Angular Component List
This is Galera speaking! My question is this:: imagine a DIV that within it there are several components like the example below: <div class="row"> <app-fogao></app-fogao>…
-
1
votes0
answers22
viewscss dynamically angular 8
I’m having a problem registering my dynamic css tried to leave extension . scss and . css but both did not work. Theme.service.ts import { Injectable, Inject, EventEmitter } from '@angular/core';…
-
0
votes2
answers67
viewsProblems with navigation bar
Good morning. I have a canvas with angular material in which I simulate the flexnav of the material design. and when I go down the scroll is: However, only the moment the screen is loaded is this…
-
0
votes1
answer810
viewsHow to leave fixed sidenav and Toolbar with angular material
I want to fix the sidenav and the Toolbar of Angular Material, and the content of the application stay on the rest of the page. In my index.html I am using the ng-view directive to render. I have…
-
0
votes1
answer264
viewsHow to change the color of Md-tab when I press?
I started using Angular Material recently and am using tabs. I wish I could change the color of a tab when I’m pressing, but I can’t. Someone could help me?
-
0
votes1
answer137
viewsChange dynamic class on mdDialog.show
I need to change the class of the OK button, by default it is dynamic and comes set 'Md-Primary'. $mdDialog.show( $mdDialog.alert()…
-
0
votes1
answer129
viewsLogin Firebase only works by double-clicking the ng-click button
I am making a login page with the email and password fields and a button that calls the following function: $scope.login = function(usuario){ $scope.isLoading = true;…
-
0
votes1
answer313
viewsAngular + Angular Material even without error looks nothing
When startar my application no error occurs but nothing appears on the screen. <!DOCTYPE html> <html> <base href="/"> </base> <head> <meta name="viewport"…
-
0
votes4
answers1423
viewsMaterialize label does not rise when I populate an input
When I search the data to fill the inputs the label does not go up, staying on top of the value of the input follows picture. Form code: <div class="row"> <div class="col s12 ">…
-
0
votes1
answer88
views<Md-dialog> - Angular
I use this component to open modals. I use the flex parameter to set the width. How to set the height ? <md-dialog aria-label="Detalhe do bem" flex="90" >…
-
0
votes0
answers220
viewsCSS not loading right, but give F5 and load normally - Angular 5 with Material
Hello, I am creating a system with Angular 5 together with Material (CSS), but I have the following problem in my project: When soon in the system, CSS is loaded poorly (see image below). But when I…
-
0
votes0
answers34
viewsMy description of the top line is not showing!
<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-content> <div…
-
0
votes1
answer26
viewsngMaterialDateRangePicker does not update the model
I am trying to use ngMaterial’s date range Picker, but without success.. for some reason it is not updating the model. I made the call on JS: angular.module('events-create', [ 'ngMaterial',…
-
0
votes1
answer652
viewsData update in the angular refresh database
I wanted to know how I do so that every time I update the data in the database it updates the Component on the angular or refresh page, or better that the service is in real time. I’ve seen several…
angular typescript asp.net-core angular-materialasked 4 years, 4 months ago Luiz C. de Souza Javorski Jr 24 -
0
votes1
answer315
viewsCustomize Material Angular menu
I need to put a margin in this menu when clicked, I want below the button, have to use a hierarchy to not affect the original classes of the component? angular .module('MyApp',['ngMaterial',…
-
0
votes1
answer76
viewsAngularjs with Md.data.table Handler?
I have an app with Angularjs using Material Design and Md.datatable. in the latest version of each Framework(respectively 1.6.4, 1.1.0 and 0.10.x). In the Md.datatable. it is possible to verify that…
-
0
votes0
answers49
viewsAngular 9 datatables
Good afternoon, I’m using the datatable of the link below: https://l-lin.github.io/angular-datatables/#/Welcome The only problem is to update the grid value after the update, follow image: Thank you…
-
0
votes1
answer1501
viewsUncaught Error: [$injector:modulerr] for angular-material.js
I have a problem using the Angular Material JS. I have my index with references to the Angular-Material project. <head> <!-- AngularJS Material CSS using GitCDN to load directly from…
-
0
votes0
answers93
viewsHow to change the color of the mat-label in a mat-form-field
I need to change the color of my mat-label, but when I change by css using the "! Important", I lose the red color when my field is invalid.. how to change the color of my label without losing the…
-
0
votes0
answers17
viewsHow do I access the mat-date-range-Picker’s isComplete() method in the template?
I’m trying to access the method isComplete() of mat-date-range-Picker in my template: You should select the range date But I’m getting this mistake: error TS2339: Property 'isComplete' does not…
-
0
votes1
answer130
viewsMigration from material angular 5 to material angular 6
I am migrating from angular 5 to 6 and material 5 to 6. The problem is that the second error occurs when climbing the application. TypeError: Cannot read property 'appendChild' of null at…
-
0
votes1
answer1120
viewsDeselect Radio Button from Angular Material
Hello, I have a problem at Angular. I want my Angular Material button select to be unchecked (uncheck) when the following function is called, but I have no idea how to do it, can anyone help me.…
javascript angular typescript angular-materialasked 5 years, 7 months ago Marcelo Henrique Dos Reis 189