For questions regarding Angular specific to version 14. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
Questions tagged [angular14]
536 questions
3
votes
1 answer
GCP Load Balancing (non classic) - URL rewrite
I have a very simple use case and I can't seem to find a way to do it.
My application has an app part (angular) and an api part (nodejs). From the UI, although I call the api as /api/*, the api server itself does not have the /api prefix. Because of…

funkycoder
- 525
- 4
- 17
3
votes
3 answers
How to solve error "Type 'string' is not assignable to type 'number'" in Angular 14?
I recently started to learn to use Angular 14, but I have a problem. I want to use the property "total" that was created in a component, but got that error "Type 'string' is not assignable to type 'number'".
The app.component.html code is:
…
3
votes
3 answers
Adding Angular Universal to an existing Angular 14 app
I am trying to install Angular Universal to my existing app via ng add @nguniversal/express-engine as per documentation but am running into a couple of issues:
When I run that command I'm getting that the detected compatible version is 7.0.1: Found…

andres.liu
- 41
- 4
3
votes
2 answers
How can I properly configure nginx to work with Angular with using hot reload?
I run my server app with command: ng serve and get error in browser console:
Firefox cannot connect to the wss://dev.domain.com/ws server.
[webpack-dev-server] Trying to reconnect...
or on chrome:
WebSocket connection to 'wss://dev.domain.com/ws'…

skorpions2000
- 39
- 1
- 10
2
votes
2 answers
How do I get angular-oauth2-oidc v14 to co-exist with angular/core v 14?
I'm using Angular 14. I have the following dependencies in my package.json
"@angular/core": "^14.0.0",
...
"angular-oauth2-oidc": "^14.0.0",
When I start my app, using "ng serve", I get these errors…

Dave
- 15,639
- 133
- 442
- 830
2
votes
2 answers
How to unit test a function that uses the new Angular 14's "inject" function?
I've created a function that utilizes that new Angular 'inject' function. Since the inject function can be used only when initializing a class (or factory) that is part of the dependency injection tree, this function is meant to be used in the…

Shachar Har-Shuv
- 666
- 6
- 24
2
votes
0 answers
Angular 14 / SwiperJS 9 slider won't load properly
I am trying to implement the new Swiper V9 in Angular 14.
When the slider is loaded and ready for usage, the state of "swiper-button-prev" is non loaded. So even if there is no previous slider, it is not getting the right state (should have opacity…

djurango
- 21
- 2
2
votes
1 answer
In an ANgular 14 shared libary, how do I create an index.ts file to export everything from a directory?
I'm using Angular 14 and building a shared library. I have this project structure
+ projects
+ my-lib
- package.json
+ src
- public-api.ts
+ lib
+ helpers
- index.ts
…

Dave
- 15,639
- 133
- 442
- 830
2
votes
2 answers
How to use Directive inside Standalone Component in Angular
I have a directive, which is not standalone.
I am trying to use this directive inside Standalone component. while doing it, I am getting below error.
I have included directive inside component's import array,
Question is: Can we use non-standalone…

Keval Patel
- 161
- 1
- 15
2
votes
0 answers
Google login in Angular14 with @abacritt/angularx-social-login and the newer Google GIS library
I want to setup google login in my Angular14 web application with @abacritt/angularx-social-login@1.2.5. I see that the old Google Sign-In library for Web is deprecated and I want to use the newer one Google Identity Services library. My login is…

LotF
- 31
- 4
2
votes
1 answer
Using @ng-select/ng-select 9.0.2. and Angular 14. AddTag not working properly. Add tag in angular form send value as null
Add tag in angular form send value as null

Naren
- 51
- 3
2
votes
2 answers
I want to download angular v14 but I get angular v15
I want to download angular v14 but I get angular v15 (ps: I have already tried npm install -g @angular/cli@14)
npm install -g @angular/cli@14
i got version 15 still

mayssadziri
- 21
- 3
2
votes
1 answer
How do I create a model in my Angular shared library?
I'm using Angular 14. I want to create a project where I can house common models and services used by other projects. I ran this command to create the scaffolding
$ ng generate library my-lib
This produced a directory structure that included
-…

Dave
- 15,639
- 133
- 442
- 830
2
votes
1 answer
In Angular 14 and module federation, what is the correct way to use import.meta.resolve?
I'm using Angular 14 and module federation. I want to use import.meta within my remote application to get the absolute path (e.g. starting with "http://") of a resource. In my remote application, I have webpack.config.js configured like…

Dave
- 15,639
- 133
- 442
- 830
2
votes
0 answers
How to add font-awesome to ASP.NET Core 6.0 and Angular 14
I have created template with ASP.NET Core 6.0 and Angular 14. I want to see how I can add font-awesome and bootstrap into the project.
As I see that bootstrap is should be already in based on list of dependencies from package.json. I have checked…

Jivopis
- 121
- 11