Questions tagged [angular-material-8]

Angular Material2 is an implementation of Material Design in Angular. This tag is for version 8.x of Angular Material2. Do not use this tag for other versions (e.g. v6, v7) or for AngularJS Material (the implementation of Material Design for the older AngularJS framework).

Usage

  • This tag is intended for questions which ask about Angular Material2 v8.x
  • Please take note that you should use the tag for AngularJS 1.x Material questions instead of this tag.

Goal

Taken from the official repo:

Our goal is to build a set of high-quality UI components built with Angular and TypeScript, following the Material Design spec. These components will serve as an example of how to write Angular code following best practices.

Asking a question

  • Mention the versions of Angular and Angular Material2 that you're using.
  • Reduce your issue to a small example
  • Post a reduced working code on stackblitz.com
  • If there's a bug (or some unintentional behavior), try to troubleshoot the problem. (If it's a bug report, please create a new issue at Angular Material2's Github repository instead.)

Learn more

To learn more about Angular Material, visit the following resources to help you get started:

38 questions
0
votes
1 answer

What technology stack to choose for drag and drop page builder

We have different templates built in angular 8 which contain sliders, product listing, and some blocks with images, text etc. I need to create a drag n drop page builder, where user can select a template, add or remove any element and edit elements…
0
votes
1 answer

Angular Material Label Won't Float with AOT Build

I've been searching to see if anyone else has come across this error for a while now, but to no avail. I recently upgraded my website to Angular 8 and started using the Angular CLI instead of webpack. I finally ran a production build with the…
0
votes
1 answer

Drag and drop with pinch zoom doesn't work as expected

In the zoomed mode for pinch-zoom the drag doesn't align properly with the mouse pointer. I've detailed the problem here:https://stackblitz.com/edit/angular-t7hwqg I expect the drag to work same way irrespective of the zoom. I saw in version 8 of…
0
votes
2 answers

I want to create a reactive form with multiple components and would like to validate all mandatory fields when user clicks Submit button

I would like to create a angular reactive form with multiple sub components. I would like to validate Parent and child form components in one go (When user clicks Submit button). In my current scenario I was able to show the error message only in…
0
votes
1 answer

Material Dialogs Don't Work under Chrome on Some Machines

Angular Material Dialogs have stopped working on my machine under Chrome. They have also stopped working on the web, so it's not a coding issue. Instead of showing a dialog, any site that uses Angular Material dialogs just shows an empty transparent…
tacovan
  • 81
  • 9
0
votes
1 answer

ERROR Error: mat-form-field must contain a MatFormFieldControl while using API documentation?

I imported the MatFormFieldModule like this: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from…
Ole
  • 41,793
  • 59
  • 191
  • 359
0
votes
1 answer

Angular 8 and Material Missing

I am trying to create a template with a paginated table and am using the example from https://material.angular.io/components/table/overview#pagination which has a link to a stackblitz example https://stackblitz.com/angular/bymxnvovkvk When I…
RyanOC
  • 587
  • 5
  • 16
0
votes
1 answer

How to disable video player properties on iframe using angular8

I have video player in my angular8 application with help of ngx-embeded-video i need to disable default player opiton like pause, maxi window, volume, play option. Also that video need to play angular material modal popup on that pop all the player…
SaranViji
  • 383
  • 2
  • 6
  • 17
1 2
3