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,060
questions
0
votes
0
answers
2
views
Ngx-Stripe only allows googlePay and applyePay
I'm trying to add express checkout with ngx-stripe to my website with the options buttonType and get an error: 'paypal' does not exist in type 'ButtonTypeOption'.
Im confused because the documentation ...
- 25
0
votes
0
answers
13
views
What is the best way to know what is checked on a form and add a price on it like a POS? [Angular/TS]
What's the best way to do this other than many if statement if i'm going to compute stuff added to a cart or something
Form
acidBody: false
acidGlass: false
asphaltRemoval: false
ceilingDetail: false
...
1
vote
1
answer
14
views
Angular export const is not storing the right object
I am facing a weird issue in my Angular project. I am storing few configurations in environment files and exporting the constants for other modules to consume in the project. However, when I am ...
- 7,440
0
votes
0
answers
9
views
Angular Unit testing: How to pass multiple files through include while running ng test from CLI?
I am using ng test to run my unit tests.
I have a scenario where I need to test mutliple spec files which are in different paths.
I am able to do this using angular.json
"test": {
...
"...
1
vote
1
answer
19
views
How to Receive Updated Values from a Signal into a Angular Route Resolver?
I am working with Angular 17 and using the new Signals API to manage state in my application. I have a service that holds a signal for the browser title, which I want to consume in a route resolver. ...
- 721
0
votes
0
answers
7
views
Roles and User Management - Actions Dropdown not showing for default admin
I was working on a new project using abp.io and angular. Recently, the actions dropdown on Roles and Users management has dissapear both for the default admin role and user. I can see it if I create a ...
0
votes
0
answers
17
views
Where should I write my Validators in Angular 17?
I am using Angular 17, and I need to write some custom validators for my reactive typed forms. I was going to write them in the component where my form is declared, but I know these validators are ...
- 133
0
votes
1
answer
18
views
Is there any way to use the angular form without rxjs?
Currently I see that although angular signals already exist in a stable way, even utilities like forms, http client, etc are still using rxjs for change detection, and I wonder if there is a way to ...
- 117
0
votes
0
answers
16
views
Full Calendar Custom Button - Ellipsis Icon
I am working on an Angular project that uses the FullCalendar library. I need to add a custom button with an ellipsis (three vertical dots) icon to the FullCalendar header using the customButtons ...
- 31
0
votes
0
answers
15
views
Removing beforeEach breaks ionic jasmine tests
Same code, one with beforeEach and the other one without. The second breaks. I want to understand why...
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { LoginPage } from './...
-1
votes
2
answers
21
views
Cross-Origin Request Blocked how do I fix it?
guys. I encountered an error while trying to use the signup form of my site it gives me this error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at in the ...
0
votes
0
answers
7
views
Ionic Capacitor Angular
Hai Angular People
would you like to help me
i always face (node:1924) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [Server]. Use emitter....
1
vote
1
answer
20
views
Jasmine test anchor element click without opening tab
In my Angular 17 application, I have some anchor element that has both an href for navigation and a click handler. I'm not worried about testing the href, but I'm trying write a simple "should ...
- 375
0
votes
0
answers
8
views
How to setup Angular "Native Federation" to serve via https in development mode
My regular Angular setup for the "serve" section in angular.json looks like this:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"...
- 735
0
votes
0
answers
15
views
error 500 : internal server error : Caused by: org.postgresql.util.PSQLException: ERROR: null value in column "name" violates not-null constraint
i'm working on a spring boot angular application , i'm trying to create an update method in angular but all i get is an error 500 : internal server error , when i check my backend it shows this error:
...
0
votes
1
answer
24
views
Want to access the variable value using @input decorator from parent
I want to use a baseurl from parent which can be used for further process in child
Dashboard is Parent
`<div class="layout-wrapper" [ngClass]="containerClass">
<app-...
- 11
0
votes
1
answer
17
views
Klaro customize the icon besides service option
I have configured klaro cookie package in my Angular project with all the required configurations, but I want to change the icon besides count of service:
I want "+" and "-" icons ...
- 4,404
-3
votes
0
answers
17
views
How to post ,update and search announcements on angular & web api
I am working on a project and i would like to work on the use case that allows users to post ,update and delete announcemnts .I have looked up the internet and google yet no documentation on this ...
-1
votes
2
answers
39
views
Async Pipe is triggering after POST Request
I have a problem where my async pipe is triggering a GET request but i only want a post request to trigger and put the new element in the array. My function looks like the following:
create(...
0
votes
0
answers
23
views
HTTP request canceled
well I had this code in my angular component
sub: Subscription;
this.sub = this.notificationService
.getNotificationByUser(reqbody).subscribe(res => {});
ngOnDestroy(){
this.sub ?...
0
votes
0
answers
11
views
Angular Syncfusion Infinite Scroll Issue
I am using Syncfusion Grid (Angular) to display data(Infinite Scroll). I am getting the data from an API response through observable. At first, 50 data will be loaded, and then when the user scrolls, ...
0
votes
1
answer
18
views
Handling multiple tabs in reactive forms with mat-tab group in Angular
I want to know the efficient appraoch in terms of handling a form with multiple tabs in angular.
For example I have a form with mat-group and three tabs such as business hours / out of office and ...
0
votes
0
answers
11
views
Visual Studio 2022 - cannot find ts module after update
I have a project in angular that I just updated from v14 to v17.
After the update everything compiles and builds, but opening ts files in editor show a lot of "Cannot find module":
I guess ...
- 1,205
0
votes
0
answers
22
views
Angular - dynamically importing module fails to load
I am trying to create an plugin-based architecture with Angular where I want to load a module dynamically based on my need and access its component.
Inside my service I have the following code.
...
- 3,028
0
votes
2
answers
28
views
Error with leaflet on angular 17 standalone app
I'm a recent angular user.
I'm trying to add a leaflet map to my project.
I saw that I had to use a service to avoid errors related to window.
I used the following example: https://github.com/...
1
vote
3
answers
30
views
How to define a Record of Angular Components that inherit from an abstract class with an InputSignal property?
I try to define a Record like this:
// imports...
export abstract class AbstractComponent<T extends string> {
abstract prop: InputSignal<T>;
}
export class TestComponent extends ...
- 33
-1
votes
0
answers
11
views
BrowserAnimation Module is affecting functionalities in angular
I'm using the BrowserAnimationModule in Angular to enable the Angular Material DateTimePicker. While the DateTimePicker works fine with this module, it causes issues in other components. If I remove ...
-1
votes
0
answers
8
views
Path resolution issue when building angular library
I have a folder structure like:
projects
shared
tsconfig.lib.ts
app
tsconfig.ts
In root level tsconfig.ts:
{
"compileOnSave": false,
"compilerOptions": {
"...
-1
votes
0
answers
14
views
Integrate microsoft word in angular 17 project
https://demos.telerik.com/aspnet-ajax/editor/examples/ms-word-like-experience/defaultcs.aspx
Please click the link above. We must use Angular 17.
Requirements can be found in the npm package.
problem: ...
0
votes
1
answer
24
views
Regarding Global Variable Declaration In Angular 17
I want to declare my baseurl as a global variable in my angular project without importing any module. I want to access the value whenever I type baseurl in any component or service. currently, I am ...
- 11
2
votes
1
answer
21
views
Angular not updating image in UI while image URL string remain same
I have a userData object that populate from API
const userdata = {
name: "xyz",
userDocument: []
}
initially userDocument is empty array. but after click user picture. API populates ...
- 87
0
votes
0
answers
25
views
overlap images on navbar angular
ı have a website and ı want to change ui.There is a navbar in my project.My goal is just to overlap the images on the home page with the navbar. I used and changed z-index many times. But I couldn't ...
- 435
0
votes
2
answers
28
views
Angular 18 error after update:An unhandled exception occurred: (0 , os_1.availableParallelism) is not a function
Could anyone advise after Angular update up to 18 I got:
An unhandled exception occurred: (0 , os_1.availableParallelism) is not a function
In angular-errors.log
[error] TypeError: (0 , os_1....
-2
votes
0
answers
14
views
ionic 7 capacitor app video editor tool implement issue in android [closed]
I am building an Ionic 7 app with Capacitor using Angular 17. I need to add video editing features similar to Instagram Reels. Specifically, I need the following options:
Upload video Cut video Add ...
-1
votes
0
answers
7
views
Stimulsoft report show value next page in current page
I use Stimulsoft report and I want to show sum column next page in current page evry single page
I use before print event and after print event in stimulsoft but didnt work
——————————————————————/-//——...
-1
votes
0
answers
22
views
Angular app is crashing before the AppComponent is bootstraped when I load a new Module from a NX Library
I have a few nx libraries:
base app (the base-components and base-modules)
customer app (there are only the customer's implementation, which replace the base app's modules and components in the ...
- 59
-1
votes
0
answers
11
views
after upload img in local server, img path is correct but img not show in angular 17
I can upload image using node js backend using multer pkg, img store in local server successfully also it can give correct path as assets/images/imageName but it cannot show image on that url, when i ...
-1
votes
5
answers
65
views
First child - SCSS
I have this HTML
<div class="options-panel">
@for (action of sortingActions) {
@if (!action.hasChildren) {
<app-options-item
[columns]="columns"...
- 67
-1
votes
0
answers
19
views
Which Material Design version is my Angular project using?
Since the recent release of Material Design 3, the Angular Material is diligently trying to switch to it.
The problem is that I want to stay on Material Design 2, since most of the buttons have ...
- 471
-1
votes
1
answer
33
views
Can't use cli angular cli command since v18 update
I try tο update my angular cli version as usual for test it, but since I did this update I have a node error when I try to use cli command.
All of my other global dependencies seem to work.
I try to ...
0
votes
0
answers
16
views
Cannot find module 'keycloak-js/authz' while import with TypeScript
I get an error while importing KeycloakAuthorization from Keycloak 24 in TypeScript.
import KeycloakAuthorization from 'keycloak-js/authz';
// Causes: Cannot find module 'keycloak-js/authz' or its ...
- 477
0
votes
0
answers
18
views
"not valid JSON" at "storageChangeDispatcher" (Nx, Angular, NgRx)
As soon as I start the application, I get the following in the browser console:
Uncaught (in promise) SyntaxError: "[object Object]" is not valid JSON
at JSON.parse () at l....
- 1,765
0
votes
0
answers
19
views
Angular Material 3 "Cannot parse the specified color undefined. Please verify it is a hex color"
I have just upgraded an Angular project to latest version as of today (version 18.0.0) including material library using material 3 design. From the documentation here, I am trying to generate a custom ...
- 3,190
0
votes
0
answers
13
views
not able to get google map apis pointer
I am displaying certain pointers on a Google map in an angular project, i have to display different colours of the pointers using the colour code, https://chart.googleapis.com/chart?chst=...
- 1
0
votes
2
answers
28
views
placeholder property for the select is not working when i bind the dynamic data to the select dropdown
<div class="control">
<label for="boardName">Select Board</label>
<select name="boardName" id="boardName" formControlName="...
-1
votes
0
answers
14
views
Ionic Modal, Angular, .focus() not open keyboard in IOS devices
Angular, Ionic modal.
<ion-modal
id="my-component-modal"
[isOpen]="isMyComponentOpen"
[initialBreakpoint]="1"
[breakpoints]="[0, 1]"
[...
0
votes
0
answers
20
views
Apex chart is not showing on bootstrap tabs [closed]
I'm Using Apex chart version 1.7.4 in Angular. my chart is not showing on bootstrap tabs.
let chart1 = new ApexCharts(document.querySelector('#chart'), this.chartOptions);
chart1.render();
I have 9 ...
- 1
0
votes
0
answers
13
views
I am using ng-zorro range-picker i want set the start date and end date with custom validation
I am using ng-zorro range-picker i want set the start date in such a way that all dates from tomorrow are disabled and for end date i want all the dates from yesterday to be disabled how can i ...
- 13
1
vote
1
answer
30
views
Is there a way to configure environment variable at runtime?
Is there a way to build artifacts once and propagate them through different environments but still enabling them to read environment variables from the machine they are being deployed to?
So, for ...
- 14.6k
0
votes
1
answer
39
views
[tag][error] TypeError: (0 , os_1.availableParallelism) is not a function
I am getting these errors when I tried to build the Angular project
angular-errorw.log
[error] TypeError: (0 , os_1.availableParallelism) is not a function
at Object.<anonymous> (C:\Users\...
