Questions tagged [angular14]

For questions regarding Angular specific to version 14. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.

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…
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…
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…
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
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…
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
1 2
3
35 36