For questions regarding Angular specific to version 15. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
Questions tagged [angular15]
342 questions
21
votes
3 answers
Typescript target warnings after Angular 15 update
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" and "false" respectively by the Angular CLI.
My tsconfig.json sets the target…
Konrad
- 4,329
- 10
- 54
- 88
14
votes
2 answers
Testing - After Angular 15 Update throws Error "__webpack_require__(...).context is not a function"
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__(...).context is not a function
TypeError:…
himtim
- 181
- 1
- 7
12
votes
5 answers
Angular Material custom theme error SassError: Only 0 arguments allowed, but 1 was passed
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…
Owen Kelvin
- 14,054
- 10
- 41
- 74
9
votes
3 answers
Angular Material 15 styles for legacy components
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 used the ng update to do the migration from…
Nicolas Gehlert
- 2,626
- 18
- 39
8
votes
1 answer
Module Warning Angular Material themes should be created from a map containing the keys color, typography, density
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 "color", "typography",
and "density". The color value…
DevSay
- 886
- 1
- 14
- 32
7
votes
5 answers
Angular 15 - Migrating to MDC-based Angular Material Components
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-button... etc )
Its working, if I am changing the the…
Prateek Sharma
- 71
- 1
- 3
6
votes
1 answer
How to import not standalone components to a standalone component in Angular 14+
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.
Lucas Andrade
- 71
- 1
- 5
6
votes
2 answers
custom Typography not working in angular material 15 after update
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-config($font-family: "Lato, sans-serif");
@include…
Alejandro Aguilar
- 69
- 3
5
votes
1 answer
inject in standalone component fails if moved to an npm library
I created a simple angular standalone component that uses an injection token for configuration:
export const PERSON_DEFAULT_OPTIONS = new InjectionToken('...')
export interface IPersonDefaults { ... }
export const…
Gargoyle
- 9,590
- 16
- 80
- 145
5
votes
3 answers
Problems after Angular Material update from 14 to 15
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 only contains css style files, not scss. I think the…
bugesz
- 75
- 1
- 7
5
votes
3 answers
Unexpected synthetic property @transitionMessages found with standalone compoent angular 15
I am migrating the angular application to the standalone component. Removed the ngModule and app.module.ts file
main.ts
bootstrapApplication(AppComponent,{
providers:[importProvidersFrom(FalconCoreModule.forRoot(environment)),
…
San Jaisy
- 15,327
- 34
- 171
- 290
5
votes
2 answers
add a close button to mat-tab-label in angular-material 15
Hello I'm writing an angular 15 application with angular material.
I use the new mat-tab (not the legacy) component to create tabs in my page, and i want in the tab title to have a close button.
so in the component i created removeTab…
ufk
- 30,912
- 70
- 235
- 386
5
votes
2 answers
Configure karma-firefox-launcher in Angular 15
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 configure karma.conf.js to…
Christian Fuchs
- 430
- 3
- 9
4
votes
2 answers
How to dynamically create Angular(15) component?
I have a function which would create an In memory angular component, add it as a declaration for an In memory Angular Module and then compile the same
something like this:
createComponent(template, selector) {
@Component({
selector:…
Shikhar Ambashta
- 195
- 3
- 10
4
votes
3 answers
Angular 15 cell-content alignment issue
Scenario: I have upgraded a project from angular 12 to 15, angular material has been upgraded to 15.2.6.
No external css is added for date-picker.
When opening the calendear, the date selected is aligned towards left.
As soon as the focus is…
parth_sh
- 69
- 5