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
-
0
votes1
answer3946
viewsHow to Make Ascents with the Sidenav Component of Angular Material Design
I made a menu using the Sidenav of Angular Material Design in this way: <mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport="true"…
-
0
votes1
answer1515
viewsAngular Material 5 - Mat-Table Sort
The Type and Date fields are not ordering in descending order to the user’s command, the code . ts and html is attached: If anyone has an explanation/solution please share. import { Component,…
angular-materialasked 6 years, 1 month ago Alex Sandro 52 -
0
votes1
answer379
viewsBlock weekends in the Angular Material datepicker
I am using the Datepicker of Angular Material and need to block Saturdays and Sundays in order not to be selected. How can I do this ? Code: ts import {Component} from '@angular/core'; /** @title…
-
0
votes0
answers189
viewsangular material 2 - autocomplete does not work
I’m having a problem, the Angular Material auto complete does not work in my code. Loading the page does not appear nor the options. html <div class="form-group col-md-6 form-md-line-input"…
-
0
votes0
answers30
viewsClient side filtering of a Datasource
I am developing a query of a mass of data from my server, with the purpose of feeding a Datatable (in this case, the Angular Material). I am using the CDK library’s Collectionviewer and Datasource.…
-
0
votes0
answers52
viewserror generating angular build /material
When I turn the serve appears this error and does not load my components is displaying the following error that I can not solve: -Console- main.ts:13 Error: No base href set. Please provide a value…
-
0
votes0
answers235
viewsHow to leave mat-select checkbox marked as default
I’m having a problem in an angular design, I have a checkbox within a <mat-select> to make a filter, however I wish that all fields already start enabled and not disabled, follows code: export…
-
0
votes1
answer371
viewsMaterial Angular Material Inputs 7 Error Displayed
Good evening, I am creating this form, and it is presenting a strange display error. Using Angular Material 7. Has anyone had similar problems? Follows html content: <div class="flex-box">…
-
0
votes2
answers336
viewsShow Page from Springboot at angle 6 using Angular Material Data Table
Hello, I’m starting in angular and would like to show the result of a search that is coming from an api I built using springboot. my Sponse is coming like this: {,…} content: [{id: 33, dsProjeto:…
-
0
votes1
answer510
viewsHow to give "Trigger" in an Option of a Mat-select that is already selected?
I basically have this mat-select: <mat-select [formControl]="form.get('emptyTitle')" placeholder="Nenhum Índice Selecionado" (selectionChange)="onSelect($event)"> <mat-option…
-
0
votes2
answers36
viewsReceive a status and mark as CHECKED - Typescript
I am receiving an array from the back, containing the system users. I display this array on a group edit screen, where it displays all system users in a Multiple checkbox. What I need to do and am…
-
0
votes1
answer252
viewsIs there any way to force an option of a <mat-option> by a service?
I basically have a mat-option, and would like to select an option from it directly by parameters, with a service, for example. This is the option: <mat-select…
-
0
votes1
answer405
viewsClear input value at material angle
I have a input in 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
votes0
answers510
viewsOverflow in Material Table
Good morning, I have a table with material table and I need that when the column data exceeds its size, it generates a scroll with overflow. It’s been a while since I’ve been looking and trying and…
-
0
votes1
answer146
viewsHow to take the mat-Selection-list "Aria-Selected" attribute with angular?
I own a mat-accordion that has a mat-Selection-list in an internal way. I saw that inside this mat-Selection-list has an attribute that calls Aria-Selected, I need to take the data of the checkbox…
-
0
votes1
answer84
viewsCapture data from all select elements in HTML with Angular
I made a ngFor to list elements select HTML and I’m wanting to capture all the data selected by this select... I did it this way: app.component.html <form [formGroup]="secondFormGroup">…
-
0
votes1
answer81
viewsHTML being built before the return of the Angular api
I want to receive data from my API and build cards with them dynamically, so I’m using Angular’s 'Binding', but my HTML is being built before the answer is completed, so it’s seen as Undefined. I’ve…
-
0
votes1
answer301
viewsI’m having problems in my angular angle , when I go from an npm start to that message
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…
-
0
votes2
answers104
viewsChange background color of a table Row using checkbox
I’m trying to change the color of a row when a checkbox is selected, but when selected only one, the table the entire color is changed, the check remains only in the selected one, but the color is…
-
0
votes0
answers29
viewsPutting fixed items on a list
Could someone help me? I have the following problem. I have to put two fixed items in a list, I’ve tried to use the position Fixed and Sticky but it didn’t work. I’ll leave the code below. I need to…
-
0
votes0
answers18
viewsReactive form Input with matInput
I implemented an input text field that searches the elements in a list, this working is correct, but when typing the words it does not allow spaces in compound names that are already found in the…
-
-1
votes1
answer52
viewsI am unable to perform the grid in the 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
votes1
answer136
viewsAngular Material - Date Picker changes the date when taking input focus
I am facing problems at Angular. I am using angular material for some /components and I am using datepicker. My date locale is already 'pt', it even appears the name of the months in Portuguese and…
angularjs typescript web-application datepicker angular-materialasked 4 years ago Maria Beatriz Almeida 1 -
-1
votes1
answer271
viewsHow do I change to required input using Angular Material?
How can I set as mandatory fields to fill after set choice in the radio as fixed: Code html <span> <label>Atividade Fixa: </label> <mat-radio-group name="atividade_fixa">…
-
-1
votes1
answer208
viewsAngular, Appcomponent and Appmodule error, not importing
app.componentts. import { Component } from '@angular/core'; import { AppComponent } from './app.component'; @Component({ selector: 'app-root', templateUrl: 'app.component.html' }) export class…
-
-1
votes1
answer165
viewsError when executing Angular project
I’m trying to run an Angular application in my development environment, but I’m going through some problems. I cloned the project repository, ran npm install, and when running an ng serves, the…
-
-1
votes1
answer67
viewsAdd a CSS class to only one child element of the table row
I need a help, I have a table, when clicking on the checkbox of a certain line, only the name of the analyst present in this line should be red, but the way I implemented when clicking on the…
-
-2
votes1
answer152
viewsTranslate at angular 6
I’m using the i18n at the angle as the image below: In app.component.ts is like this: import { Component } from "@angular/core"; import { TranslateService } from "@ngx-translate/core"; @Component({…
-
-2
votes1
answer40
viewsHow to take the current value of a select with angular
import { MatchService } from './../match.service'; import { Router } from '@angular/router'; import { Component, OnInit } from '@angular/core' import { Match } from '../match.model'; import…
-
-3
votes1
answer262
viewsRead Json Angular 9 format
my api returns a json format as follows { "Errors": [], "Result": [ { "CompanyName": "teste inicio", "FantasyName": "inicio" }, { "CompanyName": "teste meio", "FantasyName": "meio" }, {…
angular typescript front-end angularjs-directives angular-materialasked 4 years, 7 months ago Thiago Ubiratan 353