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,407
questions
0
votes
0
answers
6
views
Full calendar showing duplicate events
I'm encountering an issue with my calendar where all events initially displayed are visible. Each event can occur in a specific room, and I also have a sidebar that allows me to select different rooms....
- 33
0
votes
0
answers
11
views
Which Approach is Better for Communication Between Two Backends: Frontend Mediated or Direct Backend Communication? [closed]
I'm working on a project with two separate backend services using Java Spring Boot and a frontend built with Angular. There are scenarios where actions in one backend result in changes in the other, ...
- 23
0
votes
0
answers
14
views
Is there any way to save the state of an ApexChart chart into session storage and retrive it after page reload?
I'm using Angular 17 with ApexCharts. I would like to save the state of a chart (hidden series, zoom, active/inactive legends etc.) into the session storage, and retrieve it after page reload to show ...
- 23
-1
votes
0
answers
13
views
Hide the seconds from angular datepicker input
I am using angular datepicker and i want to hide the seconds from the input box
<mat-form-field class="input-ff transparent-bg no-warning underline-prefix">
<mat-label >{{...
- 15.4k
-1
votes
0
answers
19
views
Monorepo architecture is not working for react@18 version. Showing blank page
I am working on monorepo architecture (using turborepo) where in monorepo folder there is react-student folder and angular-trainer folder.
In react-student folder there is dockerfile to run react on ...
- 173
-1
votes
1
answer
17
views
realtime: false not working in jQuery DataTables colReorder
I'm using jQuery DataTables with the colReorder extension, but setting realtime: false doesn't seem to work. I expect the column reordering to take effect only after I drop the column, but it updates ...
0
votes
0
answers
17
views
Email Sending Delays in Angular Spring Boot Application
I am facing an issue with email sending delays in my Angular Spring Boot application. When I perform a certain operation and want to send a confirmation email and display an alert that the operation ...
- 19
-2
votes
0
answers
9
views
Error while doing husky configuration npx husky sub-folder/.husky
I'm trying to configure [email protected] in my project where node version of 14.20 is used. It throws the below error.
$ npx husky sub-folder/.husky
npx: installed 1 in 1.389s
file:///Users/ininiv/.npm/...
- 1,321
-1
votes
0
answers
8
views
can I handle server side rendering on button click in angular 17 ssr?
I am new to angular ssr.
I am working on a blogging website, where about 10 blogs are displayed on a single page. I load next 10 blogs on click of a button in angular v17 with ssr.
when i build the ...
- 1
-1
votes
0
answers
10
views
Angular 17 & dot net Core 8 - Jwt on refresh adding to Audience
I'm currently creating a simple web app which will create a Jwt with a Refresh Token (stored in the DB). No issues there, but when the refresh token is generated, it keeps appending to the Audience ...
- 145
-1
votes
0
answers
12
views
Unable to run Angular application using npm run local
I am working on hybrid angular application using angular 8 and angular 1. Earlier I used to run application on my Ubuntu system using commnad npm run local and app used to work fine locally, but for ...
-2
votes
1
answer
17
views
NgOnDestroy() is not working when i call the same routing
I have a child component and in that i have ngOnDestroy() in this function i am emptying the array. So when I call in the parent component, I am redirecting to the same component that means i am ...
- 7
-1
votes
0
answers
13
views
Angular 18 and httpClient not found issue
when I installed angular 18, I have found that http folder is missing from the common folder.
npm i @angular/[email protected] --save
Now Angular suggessted to call provideHttpClient in the Provider ...
1
vote
1
answer
18
views
How to add a POST method in Angular SSR - Server?
I am trying to make some tries with the new "@angular/ssr": "^18.0.4", what I want to archieve is to create a custom login logics on the server side, and then post the data to it ...
- 3,985
1
vote
0
answers
14
views
Angular material slider thumb indicator style issue
I am using Angular 17 (CLI Version: 17.1.0) with Angular Material version 17.3.10. I have standalone components setting disabled in my project. I am using mat slider in my component after importing ...
- 822
-1
votes
1
answer
18
views
The height of the right block is not calculated
I need your help. I have a markup that consists of two parts: the bottom part my-bottom-properties-panel-container and the right part my-properties-panel. They are always attached to the bottom and to ...
- 1
0
votes
3
answers
30
views
Angular radio button unchecks other controls on select
Using Angular 17 and reactive form.
There are two controls in the form group and both are radio buttons.
However, when one control is changed, it clears the other controls. However, the value is valid ...
- 9,608
0
votes
0
answers
13
views
Ionic - How prevent dynamic fontsize on specific component?
I use dynamic fontsize from ionic. I set the dynamic fontsize on the <html> tag with the property
html {
--ion-dynamic-font: var(--ion-default-dynamic-font);
}
But then i have the Problem, ...
- 330
0
votes
0
answers
13
views
CK editor primeng
Anybody know if is any way to to make CK editor create primeng textarea element instead of a simple div that is doing know? I use the API tag name but then CK editor don't even work, I use CKeditor 41,...
- 1
0
votes
0
answers
20
views
Replace old add-in custom function with new custom functions syntax in cell
Is there any way to replace old version of excel add-in custom formulas to the new version of add-in custom formula using excel javascript api and angular ?
like this : =OLD.GET(A5,B5,C5)
to this : =...
- 126
2
votes
1
answer
38
views
How to remove FormControlState from FormControl values
I'm trying to create a helper function like this, to create a stream of the current value and valueChanges of an Angular FormControl
import { AbstractControl, FormControl } from '@angular/forms';
...
- 1,537
0
votes
0
answers
17
views
Designing a RESTful API to manage data associations internally without exposing IDs to client [closed]
For some context:
I'm developing a RESTful application that allows clients to perform searches across multiple inputs (e.g., Berlin, London, New York) and choose from various API providers (e.g., ...
- 1
2
votes
1
answer
57
views
Check if number is within a range
I have a total amount and then I have an amount that a user can insert.
I want to check whether the amount that the user inserts is within 0.2 of the total amount.
eg. Total amount is 58.79 and the ...
- 2,084
0
votes
0
answers
14
views
We are trying to integrate Telerik Reports in Angular client with Rest API done in .Net Core
We are trying to integrate Telerik Reports in Angular client with Rest API done in .Net Core.
1).In .Net Core, REST API Project we have installed two nuget packages Telerik.Reporting.Trial AND Telerik....
1
vote
1
answer
31
views
Map the values from an NgForm to a typescript model defined in Angular
I'm looking for the most efficient way to map values from an NgForm to a typescript model defined in my Angular component. The form values are coming from a datatable (p-table using PrimeNG) with ...
1
vote
1
answer
24
views
How to assign a value to ngModel dynamically in Angular onblur event
I have multiple input textbox in HTML with [(ngModel)] in it.
In typescript, I am trying to assign a value to [(ngModel)] on blur event of input for all the input boxes dynamically. Tried the below ...
- 959
-1
votes
0
answers
27
views
Is Chrome tab Memory consumption relevant?
I have an angular app thaz utilizes some heavy drawing using canvas and manipulates tens of thousands of objects at a time.
Looking at a memory profile, all seems good with usual cascading memory ...
- 14.7k
0
votes
3
answers
30
views
Filter nested column in PrimeNG Table (Angular)
So I have a column which is nested e.g. customer.hobbies.favourite. I want to be able to filter based on the favourite.name.
Data Sample:
{
id: 1000,
name: 'James Butt',
...
- 99
0
votes
0
answers
31
views
How To Deploy Angular SSR App To GCP App Engine Standard Without Pulling In Tons Of Files?
So Im not sure if this has been asked and answered but I've been trying to track this down for quite a while. It seems as though every time I try to deploy an angular app to app engine standard the ...
- 298
0
votes
1
answer
30
views
npm unable to resolve dependency tree untill deletion of node_modules
try to understand an error report of npm and fail to find the problem - surprisingly the deletion of the node_modules directory fixed it. We were in the process to update angular to 18+ and nx to 19+.
...
- 169
0
votes
1
answer
42
views
CancellationToken in controller function of .Net Core suddenly becomes true
I just came into a very strange issue regarding cancellationToken. The web API is developed using .Net Core and frontend is in Angular. 1 hour ago I try to develop more feature and before starting I ...
- 37
0
votes
1
answer
34
views
Using computed signals for filter an array
I have an array which is assigned to a signal personList and im using a filteredPerson signal to display the number of persons after matching some filter criteria like search with textbox. We are ...
- 691
0
votes
1
answer
33
views
(ngSubmit)="animalSubmit()" - form not actually going into my animalSubmit() function
component html file:
<div class="row g-2 mt-4 ml-2">
<form [formGroup]="animalForm" (ngSubmit)="animalSubmit()" id="animalForm" class="row g-3&...
- 1
1
vote
0
answers
12
views
Using Ngx-Editor with Angular 17 Server-side Rendering
I have an Angular project (v.17.3.0) and I am trying to use ngx-editor (https://www.npmjs.com/package/ngx-editor) (v.17.5.4). The problem I'm running into is that importing the library throws an error:...
- 11
0
votes
0
answers
29
views
ASP.NET Core 8.0 with Angular 18 . Proxy is ready but cannot find api controllers
I have upgraded from Angular 17 to Angular 18. I am now using standalone components with lazy load routing. The ASP.NET Core 8.0.6 did not change.
When I start up Angular with
npm start ("start&...
- 343
1
vote
0
answers
34
views
How can I forbid '(click)' on my component in Angular?
I have a custom button component with an (action) emitter that is triggered by multiple events (click and keyDown). I'd like the users of my button to use (action) but I know they will use (click) ...
- 11
0
votes
0
answers
14
views
How to add variable google analytics ids to index.html
I'm trying to add a Google Analytics config value to index.html. This value will differ from staging and production, so it should be configurable, preferrably via an env file. I've seen some answers ...
- 747
0
votes
1
answer
23
views
Angular 1.5 vs 2.x for ServiceNow Customizations
Does anyone know the technical reason ServiceNow uses Jason version 1.5 instead of the newer releases of Angular? Thanks in advance for information about this.
I've been trying to understand why ...
- 3
0
votes
0
answers
47
views
Type inference problem with array of generic config objects with different inner types that depend on other inner property
I'm trying to create a generic function that will create some pretty common effects, so I'll be able to pass only the config and it will create the effect.
Here are some imports from NgRx:
import { ...
- 68
1
vote
1
answer
17
views
How to expand or collapse all accordions in an ion-accordion-group at once?
I would expect something like this to work:
<button (click)="myAccordionGroup.expandAll()">Expand all</button>
<ion-accordion-group #myAccordionGroup>
<ion-accordion&...
- 1,098
0
votes
0
answers
37
views
Update dropdown selected value on change in anuglar
I have manually created a dropdown field without using any input and select tag to meet expected UI. so I will be having three dropdowns for three colors called blue, green and red. If I choose a ...
- 65
0
votes
1
answer
28
views
Angular 17 routes
Having some issues creating proper route for a detailed user page, I have the following in my new app.routes.ts
export const routes: Routes = [
{
path: '',
redirectTo: 'login',
...
-1
votes
0
answers
14
views
Angular 18 proxy dynamic url to avoid CORS issues
Is it possible to proxy direct requests to an ip in angular?
I've tried doing the proxy.conf.json
{
"/api/**": {
"target": "http://ip:port",
"...
0
votes
0
answers
22
views
How to deploy Angular and .Net Core containers in server that enables to access the web application via HTTPS
I have two containers, one is backend developed in .Net Core and another one is frontend developed in Angular and using Nginx to forward. Currently they are well deployed and can be accessed via HTTP. ...
- 37
0
votes
1
answer
21
views
error after upgrading from angular 12 to angular 15
i'm upgrading an angular project from angular 12 to 15.
after doing all the necessary steps, i still get this error after building:
knowing that i already removed all the ~ from the css imports and ...
0
votes
1
answer
20
views
CLARITY with ANGULAR : Modal not opening due to @fademove animation
Describe the bug
I'm trying to open a modal using "clr-modal" component, but I'm faced issue telling:
core.mjs:6620 ERROR Error: NG05105: Unexpected synthetic listener @fadeMove.done found. ...
- 753
-1
votes
2
answers
49
views
Allow user to input numbers only no special character or alphabet in Angular text box
I have an input field where the requirement is that it has 0 initially set on change of value that 0 is removed and number is added but that 0 is removed only if key pressed by user is a number now ...
0
votes
0
answers
23
views
Add bootswatch in my styles.scss file with Angular 17
here is my styles.css code
/* You can add global styles to this file, and also import other style files */
/* Importing Bootstrap SCSS file. */
@import 'bootswatch/dist/cyborg/variables';
@import '...
0
votes
1
answer
20
views
Content not injected in app-root when using Cypress
I started to implement end to end testing to my Angular app, but when running the tests, my app is not visible on the browser opened by Cypress. The content is not injected by the router as far as I ...
- 1,201
0
votes
1
answer
26
views
name field is not working in angular html file - appearing as object Object
I want to validate the name entered in the form.
<tr><td><label>Name</label></td>
<td><input required #fullname="ngModel" [(ngModel)]="name&...
