815
questions with no upvoted or accepted answers
10
votes
2
answers
6k
views
Angular 9 compilation errors after migration from Angular 8
I migrated my angular app from version 8 to 9. After running ng serve --open, my app opens in the browser and gets stuck at the loading screen with this error in the console window:
core.js:610 ...
9
votes
1
answer
13k
views
Angular 9 Variable not updating in View
I have a variable in my Component that it is updating while using console.log(variable) although it is not updating in my View using {{ variable }} I have tried several things, my last option was to ...
9
votes
0
answers
7k
views
--mode development Error: NormalModuleFactory.beforeResolve is no longer a waterfall hook
I use webpack 5 and @ngtools/webpack together to build angular application. when i run webpack --mode development following errors appear:
Error: NormalModuleFactory.beforeResolve is no longer a ...
8
votes
1
answer
451
views
How to share service between angular app and angular element
I have an angular app upgraded to angular 9 and I am using angular element in it which is also upgraded to angular 9. I have a service module (angular 9) which I am importing in my angular app. My ...
7
votes
0
answers
1k
views
Get List of ALL current registered Components in Angular 9
In angular 8, we could do this to get list of all registered components:
//resolver is ComponentFactoryResolver
const factories = Array.from(this.resolver['_factories'].values());
//...
7
votes
0
answers
3k
views
Angular Ivy Compiler, ngtsc, ngcc, ngc, aot, jit, tsc
I am learning about Angular Ivy Compiler. This is my understanding.
Ivy's compiler - consists of ngtsc and ngcc
ngc - AOT compiler
ngtsc - is a wrapper around tsc
ngcc - is compatbility compiler to ...
7
votes
0
answers
317
views
Using both AOT and JIT in production within an Angular 9 app
So I have been building an Angular 9 app where there is a customer dashboard to manage their templates which are saved on the server. Those templates can be viewed on different devices through an ...
6
votes
1
answer
2k
views
Owl Carousel Prevent Click on Drag
I'm using the ngx-owl-carousel-o library in Angular. Each carousel item is created as a div with a (click) event. The problem I had is that when dragging the carousel it would always trigger the click ...
6
votes
1
answer
4k
views
SonarQube - ::ng-deep getting an error as "Unexpected unknown pseudo-element selector ::ng-deep"
In ourproject , we have used angular material for development. We have overridden the angular material styles using ::ng-deep to customize the CSS properties.
While using ::ng-deep getting an error ...
6
votes
1
answer
3k
views
PrimeNG Quill Editor custom font-size setting issue with Angular 9
I want to to set custom font sizes in quill editor with Prime NG. I am using Angular 9.1. I upgraded my application from Angular 5 to Angular 9.In Angular 5 its working fine but after upgradation to ...
5
votes
0
answers
1k
views
Angular9 sanitizer: Sanitizer return null
I try to import and use Sanitizer as follow but then I get null when try to console.log sanitizer
import { Component, OnInit, Sanitizer, SecurityContext } from '@angular/core';
@Component({
...
5
votes
1
answer
1k
views
Replace or change the existing or old component prefix in Angular 8/9?
How can I replace or change the old component prefix in one go?
OR
How can I make prefix dynamic so that whenever want to change it will update all the component prefix?
5
votes
3
answers
1k
views
Angular Material: Mat Table sometimes get updated in real-time sometimes not
I've a Mat Table which calls a GET request. Also I've a Mat Dialog which takes data and on Save click calls POST request. Everything is working fine but the table sometimes get updated after I click ...
5
votes
1
answer
10k
views
Angular Error on `ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points`
I've recently updated my Angular project from 8 to 9. It worked fine on my machine. I tried copying the files and assembling them on another device. While doing npm install I am getting the following ...
5
votes
0
answers
2k
views
Angular 9: How to use $localize in a routing
I am using "@angular/localize": "^9.0.2" and I have a route with a dynamic title which should be translated:
const routes: Routes = [
{ path: 'overview', component: DashboardPageComponent, data: { ...