306,652
questions
1
vote
1
answer
31
views
ASP.NET Core server not receiving params from Angular frontend post call
I'm creating a user registration form in Angular, here is the ts
import { Component } from '@angular/core';
import { AuthService } from '../_services/auth.service';
@Component({
selector: 'app-...
-1
votes
0
answers
16
views
Backend device web cam render on frontend page in angular? [closed]
I am accessing the user’s webcam on the backend and capturing live video, which I am trying to render on the frontend. However, the video is not being rendered on the frontend.
- 1
0
votes
0
answers
17
views
Angular carousel timer block webapp
i have an issue i am developing a web app in angular V18 my problem is when i implement a carousel this just have text and it must be change every 3 seconds the idea its ok, but in the code when i ...
- 13
0
votes
2
answers
24
views
Add Comma After Each Space
I am trying to add an event in a textarea to put commas after each space. As an example:
Input 1:
2 2 2 2
Output 1:
2,2,2,2 or 2, 2, 2, 2
Input 2:
2 2 2 2 2 2
Output 2:
2,2,2,2,2,2 or 2, 2, 2,...
- 1,151
1
vote
2
answers
31
views
How to Prevent Child Component Destruction When Re-fetching Data with Angular Observables
I have an Angular app that makes multiple HTTP API calls. I combine the results of these APIs into a single stream of data, which is then passed as inputs to child components. In the template, I use ...
- 662
0
votes
0
answers
18
views
Angular application Reload multiple times how to prevent it
I have an Electron app with Angular when the first time I run the npm start command, it works correctly. However I save changes, the app reloads multiple times. how can i prevent (stop) it
i want ...
3
votes
1
answer
43
views
Can we remove all the constructor-based injections?
Recently, Angular put in place a migration to replace constructor-based injection with inject function.
In most of the cases, it is straightforward and it clearly has benefits:
// before
@Injectable({ ...
- 688
1
vote
0
answers
17
views
Angular SSOLogin method: TypeError 'undefined' where a stream was expected in HttpClient GET request
I’m working on an Angular authentication service that includes an SSOLogin method for single sign-on functionality. Some query parameters are checked and if there are available, SSOLogin method will ...
- 31
1
vote
1
answer
26
views
IntelliJ showing errors in standalone components
I recently created a new Angular 18 project, and I decided to use the standalone component approach. However, in my IntelliJ IDEA editor, I keep encountering the following error underlined in ...
- 15
-2
votes
0
answers
26
views
How to use fetch/axios call api get data in react is correct? [closed]
I have been learning React with TypeScript for a while now and have a question about fetching server data in React.
In Angular 2, fetching server data using a service is straightforward and easy to ...
- 11
0
votes
0
answers
16
views
Tests failing to run after migration from Angular 15 to Angular 16
I have a more or less straightforward Angular setup, medium-scoped project. After what seemed like a trivial migration, unit tests stopped running. I've been able to bump the version of Angular ...
- 375
-3
votes
0
answers
17
views
showing error in console after upgrade from 7 to 17 angular
enter image description here
Wanted to solve this issue how to solve this how to solve this and build will succeed
Wanted to solve this issue how to solve this how to solve this and build will ...
-1
votes
0
answers
27
views
How to make active route link scroll to center in Angular?
In Angular, I have a Navbar, in which I have scrollable menu links. The links will start from the center.
What I'm trying to do is, that I want the active link to be scrolled to the center when I ...
- 11
1
vote
1
answer
24
views
Using Common Service Variables or Route Parameters [closed]
I have a Angular application, which has multiple components that access the same Service.
I am trying to understand if there is any benefit to switching away from using route parameters to using ...
- 183
0
votes
1
answer
28
views
Getting request with auth token via Angular Interceptor and Intercepting further calls
I'm trying to authenticate to an API first and then "attach" the token to each one of my requests, but the one including 'connect'.
I have the following:
Interceptor
@Injectable()
export ...
- 521
1
vote
1
answer
21
views
Terminal gets stuck when trying to update Typescript for and Angularv18 project
I have a an Angular project (which has multiple projects inside) which I updated to Angular v18.2.12. I managed to update all dependencies but TS doesn't let me build, since 4.0.8 is installed but ...
1
vote
2
answers
38
views
JSON.stringify blocking UI loader
get jsonString(): string {
this.loading = false;
this.cdr.markForCheck();
return JSON.stringify(this.data, null, '\t');
}
set jsonString(data: string) {
this.data = JSON.parse(data);...
- 11
3
votes
1
answer
38
views
Angular 19 - Component AppComponent is standalone, and cannot be declared in an NgModule
On my Angular v19 app I get the following error:
Component AppComponent is standalone, and cannot be declared in an NgModule
It worked perfectly in v18 before the update.
What happened?
- 52k
1
vote
1
answer
21
views
How to Reset the Value of an Angular Signal to Its Default Value?
I'm working on an Angular application that utilizes the @angular/core signal feature. I have a signal that initially holds a default value, but its value changes based on user actions throughout the ...
- 143
0
votes
1
answer
23
views
Angular 18 Chart libraries [closed]
I am planning on migrating my angular project from version 17 to 18.
Currently I am using Plotly.js-dist-min library for graphs.
When building the project (ng build) the plotly.js library does not ...
1
vote
1
answer
17
views
Some data is not displaying in an Angular project
<div *ngIf="activeItem.name == 'businessLoan'">
<div class="text-capitalize">
<p-table
#leadsTable
[value]="leads"...
- 11
0
votes
0
answers
25
views
How can I embed a PDF into the template via a web service?
Instead of using a PDF Exante button, I want to embed the PDF directly into the HTML. Is it possible to do that?
template
<ng-container *ngIf="step == 2">
<div class="home-...
- 171
0
votes
0
answers
25
views
Angular Snackbar Not Displaying After onAction Execution
I'm working with Angular's Material Snackbar (MatSnackBar) to display notifications in my application. In my implementation, when a user performs an action and clicks the snackbar's action button (...
- 31
-1
votes
0
answers
18
views
Swimlane ngx-datatable sorting not working even with comparator [closed]
Swimlane ngx-datatable(V20.x) sorting not working even with comparator when column data has alphanumeric charaters. When using the comparator it is not evening sending the values to sort function.
0
votes
0
answers
33
views
Ionic/Angular upgrade to SDK 34. Error during build: Could not find com.android.volley:volley:1.1.1
My project was building fine until I changed android-targetSdkVersion to 34 from 33. I am getting below error during the build.
Advise.
WARNING:Using flatDir should be avoided because it doesn't ...
- 11
0
votes
1
answer
19
views
Why i'm getting this property in promise : body.__zone_symbol__value? Angular 16
I'll be simple this is a method to find any File type key in a formdata object, to save it in a indexed db.
So, first i save the info like this: const data = item instanceof FormData ? await this.idb....
0
votes
1
answer
35
views
How to use SCSS mixins in angular component.scss file?
How do you use a scss mixin in an Angular component?
CONTEXT
I created a file for my scss mixins in /src/styles/_mixins.css and imported this mixins file into the global style file styles.scss like ...
- 352
0
votes
1
answer
40
views
how to create a downloadable link which loads the file from a backend server only when clicked in Angular
I have a situation where I have a list of items each represent a file. All these files can be fetched from a backend as blobs. I want to have links in the frontend when user clicks should be able to ...
- 119
1
vote
1
answer
39
views
Deleting item of a FormArray that was used in a *ngFor throws an error
In the "learning angular no nonsense" book, there is an example of how to use FormArray that I try to improve. This example uses a dynamic form based on a cart containing products, I try to ...
- 23
0
votes
0
answers
28
views
Chrome caching overrides no caching headers in requests
I am trying to disable caching on requests in my app since it contains sensitive data. I am not completely sure if this is possible by just modifying the frontend side of my project but everything ...
0
votes
0
answers
21
views
How to Angular Connect Service Html Show Data? [closed]
export class UserService {
private apiUrl = `${environment.apiUrl}Users`;
constructor(private http: HttpClient) {}
getUsers(): Observable<any>{
return this.http.get(this.apiUrl);
}
...
- 11
-1
votes
0
answers
27
views
SyntaxError: Cannot use import statement outside a module : jest + Angular
I am trying to run a jest test and I am getting
D:\my-proj\node_modules\@angular\core\fesm2022\testing.mjs:7
import { ɵDeferBlockState, ɵtriggerResourceLoading, ɵrenderDeferBlockState, ...
- 17.5k
1
vote
0
answers
40
views
Angular 18 hack for <select> with <input> in Signal() way to be optimized
I have a hack to implement a select box with dynamic set and by double click to have this selection box with a indecently input box. The added new options will not double (by a Set) be sorted and at ...
- 35
0
votes
0
answers
14
views
Angular dev server (ng serve) does not start in interactive mode
I have various version angular v18 projects where in some the "ng serve" command presents the options for the local host server and others do not. What causes the dev server to start in ...
- 79
0
votes
0
answers
11
views
NX - run custom generator after generate library
after generating the angular library (nx g @nx/angular:library libs/my-ui-lib) in NX I need to run a custom generator that will generate an additional structure in the library.
It is some way how to ...
- 1,943
0
votes
1
answer
25
views
WebSocket not being triggered from outside its class
I am using a Spring Backend with a Angular+Ionic frontend. I have created a WebSocket to trigger my frontend when a Teacher modifies a Grade in Moodle. This is irrelevant, just to give you some ...
0
votes
1
answer
25
views
Angular 16 ViewChild components in NgbOffcanvas is returning undefined
I have an offcanvas and a x-component in it and whenever I try to use ViewChild to get the x-component, it always returns undefined.
Error
(https://i.sstatic.net/Lh6DUTZd.png)
Code
import { Component, ...
0
votes
1
answer
27
views
how do i add background image to my angular 18 project?
I'm working on an Angular 18 project, and I need to set a background image for my application. However, I'm not sure how to properly reference and display the image in the app. I've tried a few ...
1
vote
1
answer
28
views
How to insert a background image in angular 18
Hello guys i am new to angular and i want to insert a background image i tried the absolute and relative path. but it didn't work although the path is correct and i tried to search for solution but ...
0
votes
1
answer
34
views
Third Party Libraries are broken if Angular project work with Micro Frontend architecture
If the Angular project architecture uses Micro Frontend (Host and MFEs), and you run the nmp commands to install echarts, all echarts links will show as broken while building any project.
Sample of a ...
- 481
1
vote
1
answer
23
views
Angular click event handler doesn't fire when changing containing element style from display:none to display:block
I have an issue with a click event handler not firing when its containing div was originally hidden, then later displayed. The code below is Angular, but I am uncertain if this is an Angular issue.
...
- 103
1
vote
0
answers
16
views
Angular and Webpack keep throwing exception on invalid CSS comment syntax
I am building an Angular app, and I use npm run ng serve to build it. I use the latest Webpack 5+, and keep getting errors about my CSS files:
Build at: 2024-11-17T02:48:50.801Z - Hash: ...
- 3,129
1
vote
1
answer
16
views
In removing a temporary file selection from a p-fileUpload, can you grab all the files still in the list?
I have an Angular app that uses a p-fileUpload component that has its [multiple] attribute set to true such that it can upload multiple files at once.
So far this has worked rather well. In ...
- 717
1
vote
1
answer
23
views
Generating Unique Codes Not Including All Words (Angular + TS)
I have the following:
https://stackblitz.com/edit/stackblitz-starters-ujlmy6?file=src%2Fmain.ts
Where I am trying to generate a code based on an input. For my example above I have:
input: Project ...
- 113
0
votes
2
answers
44
views
Angular16 Maximum call size exceeded
I am trying to build a project on angular16 but whenever I do so I get the following error:
./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: ...
1
vote
1
answer
33
views
Signal will not updated in differ <div> node in same html
I have a simple code in Angular 18 as to understand the change mechanismus:
By the timeintervall the signal A() value will changed and triggert the computed W. The W reference will be pass to signal E....
- 35
1
vote
1
answer
19
views
Angular (18) Material Tooltip - how to add/customize border?
I am using the latest version of Angular and Material, as of this question's publishment.
I've managed to change the background and text color of the tooltip, overriding these variables:
--mdc-plain-...
- 2,329
0
votes
0
answers
16
views
Angular ng extract-i18n not extracting from all files
I am currently building a web application and I am using Angular as a frontend framework with TS. I already built the site and am now focusing on internationalization, but everytime I run ng extract-...
- 1
-1
votes
1
answer
37
views
Reactive form in angular with grouped check box panel
From a dynamic Json like below one
[
{
"label": "General",
"data": [
{
"title": "parameters.deviceInfo....
- 1,173
1
vote
1
answer
30
views
Difference between changing input of Angular component inside and outside a component (+animations)
I made an accordion component (angular18) with lazy loading of it's body content and smooth animation of opening and closing.
So it works pretty well when i toggle it from inside (by clicking on ...
- 33