I'm using Angular 15 with Material 15 and trying to add a button without ripple effect / any hover effect's. This used to work in angular material 12: <button mat-button [disableRipple]="tr...

As the title says. I've been struggling with this error for hours. Like 30 files print this when I try ng serve: ./node_modules/@angular/material/fesm2020/button.mjs:239:156-177 - Error: export 'AN...

I'm working on an Angular project, updated from angular14 to 15, but after I install the new Material package the whole project seems visually broken. Wrong colors, margins, paddings. The project o...

I am migrating the angular application to the standalone component. Removed the ngModule and app.module.ts file main.ts bootstrapApplication(AppComponent,{ providers:[importProvidersFrom(FalconCor...

I've update my Angular to version 15.2.1 using the saem material version as 15.2.1. Here is the code which I was using <mat-form-field class="example-chip-list"> <mat-chip-listb...

Updated my Angular app to V15, app is working fine, but some of the component style is breaking because of the style applied on material element tag style name like (.mat-form-field, .mat-raised-bu...

I generate a custom theme from Material Theme Generator My theme is something like @use '@angular/material' as mat; @import 'https://fonts.googleapis.com/css?family=Material+Icons'; @import url('h...

For my project that I migrated from Angular 11.2.2 to 15.2.8. Throws this error at compile time Argument of type '{ useHash: true; relativeLinkResolution: string; }' is not assignable to parameter ...

I updated my angular app to Angular 15. It builds ok - unless some warnings like: TypeScript compiler options "target" and "useDefineForClassFields" are set to "ES2022&quo...

The appearance="standard" property in Angular 15 is not working anymore. All appearances are working well except standard. Why is this not working anymore? Result: Needed: <mat-form-...

I updated my project to Angular 15 (15.2.1) and use the latest Material Design package (15.2.1) as well. When defining the theme like described in the documentation I get the error: ./src/styles.s...

This code worked great for customizing my typography in my entire application with angular 14 @use '@angular/material' as mat; @import '@angular/material/theming'; $my-typography: mat-typography-c...

After Upgrading to Angular 15 I want to use the legacy components in order to do a continuously migration afterwards. However the legacy components do not have all styles and look wrongly formatted...

I have the following Angular AuthGuard: @Injectable({ providedIn: 'root', }) export class AuthGuard implements CanActivate, CanLoad { constructor(private authService: AuthService, private router:...

I am updating from Angular 14 to 15 along with Material UI Seeing this warning, haven't found any solution to it yet. Angular Material themes should be created from a map containing the keys "...

Angular 15 comes with fewer configuration files than the previous versions, incl. karma.conf.js having been dropped. For running ng test --browsers=FirefoxHeadless under Angular 14, I used to confi...

I've had karma test spec files outside the src folder in a test folder on the root level of the project. After updating angular from 14 to 15, karma needs the test spec files to be in whatever fold...

After the Update from Angular 14 to 15 my Tests won't run anymore. When I run ng test I get the following Error: An error was thrown in afterAll Uncaught TypeError: __webpack_require__(...).conte...

I would like to know how to import a non-standalone component into a standalone component, given that the non-standalone component is being declared in an ngModule.

I have made an angular app using angular-cli and doing universal rendering in it by following steps given here . But it is mentioned that i can't use Global variables like window and document in my...