Skip to main content
229 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
22 views

I migrated my project from Angular15 to Angular19. I am running mixed mode for standalone components where only AppComponent is standalone whereas all other components are standalone:false. I am using ...
RDV's user avatar
  • 1,046
2 votes
1 answer
114 views

I'm trying to display a form that consists of two fields: input and datepicker. However, the datepicker doesn't display. Instead, I see the following error message in the console: ERROR RuntimeError: ...
Sergey's user avatar
  • 1,040
0 votes
1 answer
83 views

I created a component using the Angular CLI (quite recent version) ng --version 19.2.14 I did this using ng g c foo The problem I have with this is that the FooComponent is standalone (it should be)...
Wouter Vandenputte's user avatar
  • 314
0 votes
0 answers
71 views

I have been converting my Module based Ionic/Angular project to standalone. I Have a lazy load component, that then displays another component using Ionics ModalController const modal = await this....
peterc's user avatar
  • 7,983
0 votes
0 answers
166 views

I have been converting my Ionic Angular v20.1.4 application over to standalone, and I have had a few Circular dependency errors popup where there were none before. A couple of others I found a work ...
peterc's user avatar
  • 7,983
1 vote
1 answer
84 views

I am migrating my Angular application, v20, which uses ng/rx store from module based to standalone. I had chosen to use classes for most of my reducers. For example, I have a reducer as follows @...
peterc's user avatar
  • 7,983
0 votes
1 answer
154 views

I'm migrating an application to standalone components using the following: ng generate @angular/core:standalone I've already migrated every component to standalone. I now need to remove unnecesary ...
cppstudy's user avatar
  • 47
3 votes
1 answer
79 views

I have a form, reflected with some Ionic components: <form [formGroup]="loginForm" (ngSubmit)="loginForm.valid && login(loginForm.controls['email'].value, loginForm.controls['...
Foxhunt's user avatar
  • 964
3 votes
1 answer
267 views

I'm trying to change my Angular 17 project to be a standalone project. But some of the fundamental files are different than how they are defined in tutorials and other people's projects. I didn't have ...
Rand Ashley's user avatar
  • 53
2 votes
2 answers
95 views

This question is similar to Angular - How to show waiting indicator while app is loading using APP_INITIALIZER but for the new Angular standalone paradigm. In my main.ts file, I can add some ...
Wouter Vandenputte's user avatar
  • 314
0 votes
0 answers
17 views

Since it looks like the modules in Angular are near the end of their life, and stand-alone components are the future, how can we provide dependencies in the same way as when a module is used? With ...
presian's user avatar
  • 1
3 votes
1 answer
526 views

I have the following Angular typescript and html template and it prompts the captioned error when build. Typescript: import { ChangeDetectionStrategy, Component, Inject, OnDestroy } from '@angular/...
samuel wong's user avatar
  • 31
0 votes
1 answer
422 views

I'm using Angular 19 and my version of node is 18.2. I've got an existing module project and have added a stand alone component. The issue I'm having is that the component does render and the ...
pvitt's user avatar
  • 1,087
0 votes
2 answers
78 views

How to use a secondary router outlet without ng modules correctly enabling page reload by url? I have an app component with a router: <main> <router-outlet></router-outlet> &...
tobias hassebrock's user avatar
  • 361
2 votes
1 answer
248 views

WebStorm gives me Cyclic dependency between: AComponent -> BComponent -> CComponent -> AComponent even though I use forwardRef(() => AComponent), In a child component. Changing places ...
Antony's user avatar
  • 831
1 vote
1 answer
359 views

I am trying to follow this tutorial (https://maplibre.org/ngx-maplibre-gl/API/) to implement MapLibre GL in an Angular app, but can't make it. I don't get how to implement this code from the tutorial: ...
user24538254's user avatar
  • 33
0 votes
2 answers
150 views

I have components as follows S1 (stand-alone) N1 (Non standalone) Base component auth-Module Now I am using S1 in Base component and N1 in S1 and getting the circular dependency. Can you please help ...
praneeth's user avatar
  • 9
1 vote
1 answer
296 views

I have a library material-extension inside my angular workspace, in which I'm creating some components I require but Angular Material is lacking. In this extension I've installed the module ngx-editor,...
Otto Abnormalverbraucher's user avatar
  • 821
0 votes
1 answer
73 views

Dependency chain: Parent1Component -> SomeTableComponent -> SlideToggleComponent -> MatSlideToggleModule Parent2Component -> SomeTableComponent -> SlideToggleComponent -> ...
john's user avatar
  • 4,218
1 vote
1 answer
56 views

I'm trying to migrate an old library of Angular components to standalone components. A number of the components have a lot in common, so I use a superclass for all of the common behavior. At least as ...
kshetline's user avatar
  • 14k
1 vote
1 answer
703 views

FYI: I am using angular 19.1.0 with karma Let's assume we have this service and component // NOT PROVIDED IN ROOT! @Injectable() export class TestService { getData(): string { return 'this is ...
Abdullah El-Kindy's user avatar
  • 73
2 votes
1 answer
336 views

I've recently successfully migrated an application of mine to Angular 19 and PrimeNG 19. All I had set aside for doing later was migrating to the new, preferred use of standalone components. The first ...
kshetline's user avatar
  • 14k
0 votes
0 answers
390 views

My problem is as follows: I use the package api-client-generator (https://www.npmjs.com/package/api-client-generator) which uses two InjectionTokens to build API requests. These tokens include the API ...
TheGreenMiles's user avatar
  • 1
5 votes
1 answer
4k views

How to define child routes of lazy loaded standalone component? In app.routes.ts I defined: export const routes: Routes = [ { path: 'some/parent', loadComponent: () => import('./my-...
Murmulodi's user avatar
  • 739
2 votes
1 answer
718 views

I just tried installing ngx-bootstrap into an Angular 19 project which has standalone components by default: E:\Code\angular-app>ng add ngx-bootstrap ✔ Determining Package Manager › Using package ...
safe_malloc's user avatar
  • 906
1 vote
1 answer
81 views

I am getting NullInjectorError error in brand new angular app. I have just generated this app as a standalone angular app (ng new StandaloneApp). In the AppComponent's constructor I have added ...
janci's user avatar
  • 519
2 votes
1 answer
236 views

I'm working on a project using the old NgModules architecture and I'm transitioning into the new standalone components gradually. I'm stuck right now on how to provide the root store to the standalone ...
Yehia A.Salam's user avatar
  • 2,024
1 vote
1 answer
954 views

I'm upgrading my app from Angular 17 to Angular 19 (19.0.6) and nx20. I encountered some problems with TestBed and standalone component. I have the following code : @Component({ templateUrl: './...
Pak's user avatar
  • 2,776
2 votes
2 answers
270 views

Issue: In an Angular 19 standalone application, I have an API client file containing over 100 @Injectable services, each marked with providedIn: 'root'. However, only 3–4 of these services are used in ...
Sasha's user avatar
  • 51
3 votes
2 answers
6k views

I am migrating old angular project from version 5 to version 19. I have indentified all compatible and dependent libraries and able to migrate code. However I keep getting standanlone error. Note : I ...
Avinash Kumar's user avatar
  • 39
5 votes
2 answers
6k views

I am working on an Angular standalone application and encountering the following error when using HttpClient in my DataService: ERROR Error [NullInjectorError]: R3InjectorError(Standalone[...
user84's user avatar
  • 905
1 vote
0 answers
63 views

I'm currently working on a migration from IonicModule with Webpack to Ionic Standalone Components with ESBuild. I expected the initial bundle size to shrink, since some components are only required in ...
Jonathan's user avatar
  • 546
1 vote
0 answers
124 views

I'm trying to use HttpClientInMemoryWebApiModule in an Angular V 18.2.11 standalone application and I'm encountering this error: ERROR Error [NullInjectorError]: R3InjectorError(Standalone[...
Brahim's user avatar
  • 11
1 vote
1 answer
423 views

I’ve been migrating my Angular app to use standalone components following the official migration guide. I ran the following commands: ng g @angular/core:standalone and selected "Convert all ...
Hafsa Ben amara's user avatar
  • 11
0 votes
0 answers
28 views

I am using Ionic to build a program that has a few components. On start-up, the program opens a login component, and then when the user is logged in, it redirects to my home component. I have a '...
Luke Corcoran's user avatar
  • 1
1 vote
2 answers
80 views

import { Component } from '@angular/core'; import L from 'leaflet'; import { isPlatformBrowser } from '@angular/common'; @Component({ selector: 'app-map', standalone: true, imports: ...
Augustin Boyer's user avatar
  • 21
15 votes
4 answers
26k views

On my Angular v19 app I get the following error: Component AppComponent is standalone, and cannot be declared in an NgModule or 'imports' is only valid on a component that is standalone. It worked ...
Matthieu Riegler's user avatar
  • 59.9k
2 votes
2 answers
1k views

How to provide a mock for a Standalone component in a cypress component test? I have this mount-function inside my test: function mount() { cy.mount(TestComponent, { providers: [ ...
marcel's user avatar
  • 3,147
1 vote
2 answers
465 views

Now with Angular 17 I understand that you don't need to use the NgModule to run the different components in the application, because you can import them in the app.component.ts. With this approach; ...
Emmanuel Cuevas's user avatar
  • 133
1 vote
1 answer
86 views

I'm trying to breakdown bigger HTML chunks which has repeated markup based on flags. Is there a way we can make html code split into files one.html, two.html and render them into my component (.ts ...
super cool's user avatar
  • 6,065
1 vote
1 answer
827 views

I do have a quick question—wouldn't it be nice if we didn't have to import the TranslateModule every time? I was wondering if there are any other ways to make it global with the new Angular standalone ...
Majd Sayed Taha's user avatar
  • 11
2 votes
1 answer
1k views

I am working on an Angular 18 application and was getting errors from the deprecated HttpClientModule so I moved to provideHttpClient and keep getting the following error: Type 'EnvironmentProviders' ...
Grayson Bell's user avatar
  • 23
1 vote
1 answer
3k views

I’m using Angular 18.2.8 and I’ve already created a project and worked on it. However, I noticed that the project does not include an app.module.ts file. After searching, I found that starting from ...
Moh.Alkasem's user avatar
  • 69
2 votes
2 answers
2k views

I have an Angular 18 application now built on standalone component concepts. I want to use ngx-logger for logging errors, warnings and Inf to server. I have seen multiple articles about ng-logger in ...
Anand's user avatar
  • 21
1 vote
2 answers
736 views

I'm working with standalone Angular 18 components and ran into an issue. I have a custom component (FooComponent) that I forgot to import into another standalone component. However, no compile-time ...
Alireza Ahmadi's user avatar
  • 10.2k
0 votes
1 answer
409 views

I can use Spline in my Angular project using Code Export, but non-step Scroll supposedly only works with the viewer. import { SplineViewer } from '@splinetool/viewer'; and imports: [SplineViewer], ...
Nikita Smirnov's user avatar
  • 11
1 vote
1 answer
1k views

I'm trying to use the ngx-translate library in Angular 18, but it gives me the following error message in the app.component.ts file when I try to use Translate pipe. I am trying to ultimately display ...
Anon's user avatar
  • 63
1 vote
1 answer
586 views

I began migrating my angular 18 application to standalone components and I've run into issues overriding various imports. I'm using Angular 18, Material, NGMocks, Spectator (as testbed replacement) ...
Martinspire's user avatar
  • 46
1 vote
2 answers
843 views

How can I provide a service that is not at the root of the application, and use the same instance between several components and other services? Not using providers in routes and not using ng module. ...
Anatoly Surgutov's user avatar
  • 11
0 votes
1 answer
86 views

How to correctly handle below scenario ? StandaloneComponent ( needs for example ReactiveFormsModule ) ModuleA ModuleB ( imports ReactiveFormsModule) If I got above structure reactive forms module is ...
ruddnisrus's user avatar
  • 267

1
2 3 4 5