Questions tagged [angular]
Questions about Angular (not to be confused with AngularJS), the web framework from Google. Use this tag for Angular questions which are not specific to an individual version. For the older AngularJS (1.x) web framework, use the AngularJS tag.
angular
305,287
questions
0
votes
0
answers
7
views
Angular with Jest and ECM Module does not work
I used the code from following site to test an example with Angular 17 and Jest for unit tests:
https://github.com/thymikee/jest-preset-angular/tree/main/examples/example-app-v17
After running npm ...
- 23
0
votes
0
answers
10
views
Should I create Unit Test or End to End Test
In my project I have 3 folders
abstractions : contains the models
business : contains all services and base class. For example in module I have ComponentA with BaseClassA as parent class located in ...
- 117
0
votes
0
answers
7
views
ionic 8 ion-content background image not shown properly with ion-header and ion-footer
I use ionic 8 with angular 18 and I want the header and footer to be transparent and show ion-content background-image in fullscreen mode, behind them.
I use the below code:
<ion-header [...
- 129
0
votes
0
answers
14
views
Run Cypress Tests via terminal not working for angular project [closed]
I'm implementing cypress setup for my angular project , so I have installed cypress inside the angular project root directory. Initailly i followed the thus commands,
npm install cypress --save-dev
...
2
votes
1
answer
20
views
Issue Changing Resolve class to ResolveFn for Angular course
I am following along with the Angular course, but the video uses the resolve class which is now deprecated and not available in Angular 17. I have reviewed a few different articles, but I am not able ...
0
votes
0
answers
9
views
syncfusion-license module is missing in npm repo
We used the synfusion chart libraries in our Angular SPA and tried to use the commercial license key to remove the water mark and unlock functionality. Instead of using the license key in the main.ts ...
0
votes
0
answers
20
views
Unable to get user information from Duende Identity server because requirehttps error in my Angular application
For a project I am running an ASP.NET Core 8 Web API server, Duende Identity Server, and the client side is an Angular 17 app.
But after the user is authenticated in my Duende Identity server should ...
- 106
0
votes
1
answer
29
views
Angular 16 load component as overay
I have one scenario where I need to load component dynamically from left to right slidIn over another component. As you can see in image at top I have multiple icons which will open different ...
- 29
0
votes
0
answers
18
views
UIKit prompt give me an error "RangeError: Maximum call stack size exceeded."
I have this problem, it seems like it's a problem with my html since I'm using a UIKit modal and I'm calling another modal within the first one, it seems like this is a problem.
I don't know if there ...
- 17
0
votes
0
answers
13
views
Angular 18 html2canvas changes default Url. Causes lazy load components not to load
I have been generating PDF with Html2canvas for the las 12 months. I resently upgrade to Angular 18. I changed all components to standalone. However when generation a pdf (the generating pdf worked ok)...
-5
votes
0
answers
36
views
Whats the exact use of ngOnInit in Angular? [closed]
I am trying to understand the exact use of ngOnInit with regards to component constructor and ngOnChanges methods. The only argument I can find for using ngOnInit instead of constructor as a place for ...
- 21
0
votes
1
answer
16
views
with the latest Angular ESbuild, constructor.name to get the component name in runtime no longer works
with the latest Angular ESbuild, constructor.name to get the component name in runtime no longer works
Is there a different way to get the component name?
Thank you.
- 24.7k
0
votes
1
answer
17
views
inject() must be called from an injection context in unit test
When I am trying to use the AlertsComponent in my test file at the beginning it require some services. After adding theses services the following error appear:
inject() must be called from an ...
- 117
0
votes
0
answers
10
views
How to use react components in Vendure Admin UI Extensions?
I followed the guide from the documentation and created an empty component. But it doesn't build.
I specifically created an empty Vendure project and made such a simple component there. But even there ...
- 41
-1
votes
1
answer
22
views
TS2339: Property 'scope' does not exist on type 'JwtPayload'
I'm encountering an error in IntelliJ when trying to use decodedJwt.scope.
The error message is: Property 'scope' does not exist on type 'JwtPayload'.
The only suggestions IntelliJ provides are: sub, ...
0
votes
0
answers
13
views
Stripe Integration Subscriptions
How to integrate Stripe subscriptions in y app? Is this good flow?
From frontend i call direclty this.stripe.createPaymentMethod and pass card details to stripe.
Than i call BE route �?/create-...
0
votes
0
answers
18
views
Interceptor next handle after refresh token nor working
I have the following interceptor in my application (the headers are generated and the request is cloned in another interceptor).
stackblitz interceptor
and the problem is that when I try to inject ...
- 77
-1
votes
0
answers
31
views
Getting "Cannot use import statement outside a module" from Jest when running tests?
Here's the Stack Overflow question you can copy and paste:
Title: Jest encountering "Cannot use import statement outside a module" error with setup-jest.ts
Body:
I'm running into a ...
1
vote
1
answer
25
views
How to correctly configure Angular such that it can run successfully behind Docker for development
I was looking for a better way to use the Multi-Stage Build process for my Angular Application. Fortunately, after consulting a couple of resources, I came across something I had thought would suffice ...
- 539
-2
votes
0
answers
33
views
How to request data from own Express back-end server using HttpClient in Angular/TypeScript?
I'm encountering the problem that every time I'm requesting data with the HTTP GET method I cannot store the data in any way.
My API service:
export class ApiService implements OnInit{
private ...
0
votes
0
answers
31
views
Why do we need two functions: update() and set() in Angular's signals?
I read about the signals in Angular and there are two methods to alter the current value: by set() and update().
Angular has adapted Signals into the framework and have started to build a set of new ...
- 37.9k
0
votes
0
answers
18
views
Angular Migrating RouterModule to ProvideRouter (standalone approach)
I am trying to migrate my angular app to standalone approach, everything is expected except some routing issues
have routes like this
const routes: Routes = [
...[':product/:id/:step', ':product/:...
- 767
0
votes
1
answer
25
views
Angular [(ngModel)] does not show values after new item added to Array
After I add an Object to the array, the values don't appear in the tableInputRow.name but the values from tableInputRow.priority work.
This is the object pushed to the Array
export class ...
- 2,442
0
votes
1
answer
25
views
Use one angular signal store for multiple features (components)
I've defined angular signal store in parent table component and update data using
patchState
export const TableStore = signalStore(
{ providedIn: 'root' },
withRouteParams({ id: param => ...
0
votes
0
answers
31
views
How to get a radial gradiant/box-shadow to start from the center of a box and then go past the border
How do I get it so that if I have an image in a div, or just a div in general, and i want to have a glow coming from the middle of that div and expand out past the border of the div but it still be a ...
0
votes
0
answers
28
views
Error creating bean with name 'userController': Unsatisfied dependency expressed through field 'userService': Error creating bean
I keep getting this error for all the component including UserController, UserService, UserRepo, when I run the code, even the one that was provided by the tutor in github.
Error creating bean with ...
- 1
0
votes
0
answers
16
views
Angular 3 levels of drag and drop
I'm working on an Angular application where I need to implement drag and drop functionality for a menu system with the following structure:
Header menu can have both Group menu and Menu items as ...
- 231
0
votes
0
answers
9
views
CanvasRenderingContext2D not work´s in angular 15
I'm doing an exercise using Angular v-15; it involves capturing video frames from the webcam and rendering them using "getContext" and replicating them with "requestAnimationFrame"....
0
votes
0
answers
14
views
Angular Material - Scrolling issue for select component mat-option
I can't see the scroll or the scroll bar of the options, how can I fix it, I use version 9 of angular. example
I have tried ng-scroll with version 7.56 but it is not possible due to compatibility ...
0
votes
1
answer
20
views
inject transient service that injects other transient services
I'm running into a situation where I can't seem to use transient service that injects other transient services. For example, suppose I have a services that looks like this:
@Injectable()
export class ...
- 933
0
votes
0
answers
25
views
Google File Picker does not share the file with the app
The user is unable to share files with the app through the picker provided by Google Drive.
Function used to show the picker to select the file (the front-end is made in Angular):
connectGoogleDrive() ...
0
votes
0
answers
16
views
Angular TabMenu - no active tab after redirect
I have a tab menu with different urls. I have some case when I need to redirect to the same component, but url is changed. MatTab has no active tab after redirect.
I have routing:
{
path: 'parent',...
- 21
0
votes
0
answers
15
views
Get request problem in production angular 18
Good morning
I am currently encountering the following problem, maybe someone has already encountered this problem.
The problem is only present in production and not locally
This is about my request ...
- 1
0
votes
0
answers
6
views
bad .npmignore file with ng build and angular library
I have created an angular 18 application with some libraries like this:
ng new myproj
cd myproj
ng generate library libone
ng generate library libtwo
I have created myproj/projects/libone/.npmignore ...
- 585
0
votes
0
answers
11
views
How could I profile a sass-loader compilation?
I'm using embedded-sass in an Angular custom webpack monorepo. One of my libraries with sass takes a significant amount of time just in sass-loader during the build and I'd like to figure out what I ...
- 4,565
0
votes
1
answer
22
views
How to use interval inside ngOnInit
I want to make a tick in app. So I decided to use interval and subscribe to it inside ngOnInit.
But in that case app will load endlessly, until interval completes (until i'll complete).
How to make a ...
- 123
0
votes
0
answers
18
views
How can I query a few levels deep in AngularFIre?
I am trying to get some data from a database where I want only objects that contains a certain key/value pair to be returned.
I am using RTDB with Angular Fire.
Lets say this is the data
{
"times&...
0
votes
0
answers
22
views
Router - Angular vs React [duplicate]
I want the SPA to redirect by default to /page1. Is React's {path: "/", element: <Navigate to="/page1" />} equivalent to Angular { path: '/', redirectTo: 'page1' } or is ...
- 206
2
votes
1
answer
43
views
How to use Bootstrap components in an Angular app without a third party module?
I'm trying to enable Bootstrap 5.3 Tooltips in my Angular 17 app.
In angular.json I've included bootstrap.bundle.min.js, which has PopperJS baked in.
"scripts": [
"node_modules/...
- 2,427
0
votes
1
answer
28
views
Angular HttpClient calls and signals
I am diving deep into signals watching tutorials and reading articles. When calling an api endpoint with httpClient I've seen two main approaches (at least that I liked) and I am unable to find much ...
- 179
0
votes
0
answers
13
views
HTTP Headers Empty BEFORE use
This is an Angular 17 project.
I am assigning headers to an object and as soon as I've done that, logged that object in the console. When I compare this to other uses of this code elsewhere in the ...
0
votes
0
answers
13
views
Redundant use of <td mat-cell *matCellDef="let element"> in Angular material table
Is there a way to remove this redundant use of <td mat-cell *matCellDef="let element"> for the table cells ?
Here's my code
for each cell definition i have to provide the element .can ...
0
votes
1
answer
12
views
primeng p-calender size dialog calender issue
I used <p-calender from PrimeNg the issue is the size of the calender when i resize the navigator to 60% it will be visible but if the zoom of the navigator is 100% the input of the calender become ...
- 17
0
votes
1
answer
25
views
How to return in an Async Function in Angular?
I am getting an error when adding an if else condition inside the async function in Angular. I need to have a return to avoid the error in my async function
asyncFunction: (value) => {
if (...
- 17
0
votes
0
answers
18
views
How to generate a palette in Angular Material 3 with a specific primary color
I need to generate a palette in Angular Material 3 to implement a theme with a specific primary color. The buttons and some other controls should be this specific color. E.g. #C9007E. I'm following ...
- 669
0
votes
0
answers
12
views
angular/cli version mismatch
I'm not used to working with Angular or JavaScript in general, so please forgive me if this is a simple or common problem. I've been searching for a solution for most of the day, but I haven't found ...
- 273
-3
votes
0
answers
27
views
UI - What is the best pattern to save data asynchronously per field by field? [closed]
This requirement is completely new to me. We have to save the form data field by field (not the complete form at once) to the db asynchronously from the ui as the user is typing in the details. I want ...
- 2,617
-2
votes
0
answers
15
views
Want to host my angular and webapi applicat [closed]
Just want to know, I have developed asp.net core webapi and angular application and both of them are working on different localhost and i want to make them https and enable ssl certificate and host ...
0
votes
0
answers
22
views
Error: Uncaught (in promise): TypeError: this.authService.roles.include is not a function
I am implementing role-based access control in my Angular application using guards. Specifically, I want to protect certain routes based on user roles. However, I'm encountering errors in my ...
0
votes
0
answers
20
views
how to have 2 check boxes from the data of a object itself [closed]
eg:-
when a check box is clicked the clicked checkbox should gets checked and not clicked check box should not get checked.
that means :- in a object if the ischecked is true which means 'Src ...
- 1