641 questions
-3
votes
1
answer
53
views
Angular 12 Infinite Refresh in core.js [closed]
We have a donation system built on Angular 12 with a C# backend. This issue has arisen because we are designing the site. The current site works. The redesign has caused an issue where under certain ...
0
votes
0
answers
113
views
Angular Material Icons Not Loading When CSP with Nonce is Applied — Fonts Blocked from style.css
I'm using Angular 12 with Content Security Policy (CSP) headers in place, including a nonce for script-src and style-src.
The app loads correctly except for Angular Material icons, which appear broken....
0
votes
1
answer
61
views
Angular 15 - typescript compilar option target and usedefineforclassfields are set to es2022 and false respectively by angular cli
We have a Tizen Angular 12 project its ECMA target "target": "es5" & "module": "es2020"
When we try to upgrade to Ang 15 upwards we get warning
typescript ...
0
votes
0
answers
119
views
Upgrading Angular v11 to v12 getting SassError on ng serve
I upgraded my Angular app from 11 to 12.
I used the commands:
1: ng update @angular/core@12 @angular/cli@12 --force
2: ng update @angular/cdk@12 @angular/material@12 --force
I've encountered some ...
0
votes
0
answers
123
views
"Cannot set property status of [object XMLHttpRequest] which has only a getter" after upgrading Angular 12 to 13
Note: I'm resubmitting a previous question (which I'm deleting) as I've learned more.
I've inherited an application and am working on migrating it to a supported version. It started from Angular 5. I'...
1
vote
1
answer
73
views
Component declared in a parent module not visibile inside a component rendered by ng-template
I have an app written in Angular 12.2.16 and I need to implement some components.
This specific part is about LayoutLoader (component+module)
In layout-loader/layout-loader.component.html there is <...
0
votes
1
answer
775
views
Issue with Antiforgery Token Decryption in .NET 8 Application Deployed Across Multiple Regions
I am currently developing a web application with a frontend built using Angular 12 and a backend consisting of three microservices developed using .NET 8 Web API. The database we are using is Azure ...
1
vote
0
answers
50
views
Is there any way we can use lazy loading in the routing module of the file in which we are using <router-outlet>?
I am making a page in angular v12 and i am using router outlet in one of my component so that it can be reused. There is a property (output emitter) of router-outlet known as activate that get ...
1
vote
0
answers
68
views
Common directive for pagination using angular
I am working on an application where I need to apply a common directive to set the paginations but it is not working for me. Below is the code
Html Code
<p-table [value]="...
1
vote
0
answers
31
views
Angular: How to handle "Loader" & "child div with piechart of c3.js" in parent component when isLoading is received from child once api is subscribed
In the below code snippet, I am trying to handle the behaviour of a css loader, as soon as the data is fetched and isLoading is false the loader should stop and the desired pie chart from child ...
0
votes
1
answer
232
views
How to capture the response of form submit using Angular 17
I am working on an application where the flow is when I submit the form it posts the response to the URLRetour I need to capture the response before it redirected me to the URLRetour. Or how can we ...
0
votes
1
answer
51
views
How to access parent property in child controller - Angular 12
I have an Ionic 5 app (@ionic/angular 5.8.5), with Angular. I would like to get the value of comingFromOldBoardVol in the child controller.
Parent:
import { Component, OnInit } from '@angular/core';
...
1
vote
2
answers
7k
views
Angular CLI Node.js compatibility issue: Angular CLI requires minimum Node.js version 18, but Angular 12 project doesn't support this Node.js version
I'm diving into Angular as a beginner and currently working on a project specifically with Angular 12. To set things up, I opted not to install Angular CLI globally and instead used npx -p @angular/...
1
vote
0
answers
57
views
array.push(row) is not detecting as a change in angular EventEmitter
I have following code and the Eventemitter is working only for the first row selection and the deselect.
The reason is this.selectedRows.push(row) is not detected as a change from EventEmitter.
Though ...
0
votes
0
answers
170
views
Issue to upload files to sentry with NX
I'm trying to upload the maps to sentry (self instance) but even getting code 0 as a outcome the files aren't showing on artifacts in sentry, i'm using Nx and uploading file from Angular App (nx 12.10,...
1
vote
2
answers
212
views
I am calling 3 API's from angular, I want to wait API call until first API call is complete and return resu
if (article[0] === undefined) {
this.saveArticle(this.quickExpense.ExpenseArticle);
}
if (supplier[0] === undefined) {
this.saveSupplier(this.quickExpense.SupplierCode);
...
0
votes
0
answers
438
views
Unable to run Angular 12 project
I am using NVM to shift node versions as required. Used below command to use 14.15.0 version of Node as I want to run Angular 12 project.
nvm use 14.15.0
I got the below output:
F:\path\...
0
votes
2
answers
1k
views
Which ngx-skeleton-loader version is suitable for Angular 12?
I encountered an error while trying to install the latest version of ngx-skeleton-loader on Angular 12.Which ngx-skeleton-loader version is suitable for Angular 12 ?
"I want to implement ngx-...
-1
votes
1
answer
1k
views
how do i trigger the event for a select change from my ts file while working with reactive forms in angular 12
i have a reactive form where i am trying the bind the option of the form from the ts file, i have an selectchange event listener on my mat-select which is triggering when i change or select an option ...
1
vote
1
answer
647
views
NG-SELECT disabled not working with directive using angular 12
I am trying to disable ng-select through directive. Can anyone suggest How can I do this?
This is my code and here is the example. which was I trying.
setTimeout(() => {
const selectElement = ...
1
vote
0
answers
1k
views
Error: Inlining of fonts failed. Connection TImedOut after upgrading Angular 11 to 12
I have upgraded my project from Angular 11 to 12. Below is the version I am using. But while compiling, it fails.
Error: Inlining of fonts failed. An error has occurred while retrieving https://fonts....
-1
votes
1
answer
119
views
While angular upgrade 12 to 13 getting issue
An unhandled exception occurred: Cannot read property 'styles' of undefined;
For this above issue, suggested to add ng update ngx-build-plus@13 --force from internet, so I have add that again getting ...
0
votes
1
answer
107
views
Why storybook ties to get angular component template by http request?
After updating angular to v12 and storybook to v6.3.13, there were requests to get a component template, but there were none in storybook to v5.3.
Requests ends with 404.
Environment:
"@...
0
votes
1
answer
141
views
Working on vertical sliders need to drag up and down individually
# Working on vertical sliders need to drag up and down individually but If I pull first on all sliders also moving. and button resetAllSliders should also working individually button applyAllSliders ...
0
votes
0
answers
80
views
Angular 12 datetime picker 1 registers 1 day before the day I select
**HTML**
<mat-form-field class="w-1/2 ml-3">
<mat-label>Assignment Deadline</mat-label>
<input matInput formControlName='deadline' [min]="today" [...
0
votes
0
answers
106
views
How to validate angular from for custom input component
I am trying to validate custom input component in angular.
I have created custom input component and also passing control name as a input property to app-input component then trying to validate it. ...
0
votes
1
answer
1k
views
Error: Maximum call stack size exceeded on npm start for angular
Getting the error 'Error: Maximum call stack size exceeded' up on running ng serve
node version:v14.17.5
npm version:6.14.14
"dependencies": {
"@angular-material-components/datetime-...
0
votes
1
answer
35
views
Angular12 Attributes failing to pass from parent to child in production
I have a component library I've built, then imported those components into another project.
Inside of the app that I test the library in, which is just straight importing from the library into itself, ...
0
votes
0
answers
30
views
How to pass values to another component in angular
I am trying to get multiselect checkboxes in the dropdown.I am passing the list of values from app component to multi-selector-dropdown component. but i am getting error.
Error in src/app/app....
0
votes
2
answers
61
views
How to set css from another component in angular
I am trying to change wrapper background color from another component. I ave tried using ::ng-deep But not working properly.
For mauto component background should be like block color.
For vgud ...
1
vote
1
answer
2k
views
How to create custom Angular Material mat-menu-items?
I would like to have menu items to appear in a fully customized way (especially with multiple lines of text, various font sizes and colors), however it seems to only display the first line of text. ...
0
votes
0
answers
56
views
How to create a given highchart in angular
enter image description here
I want to create a chart like image, As I see the chart it looks like a line chart but at the bottom also has some green yellow and red coloured portions. How to implement ...
0
votes
0
answers
160
views
Angular material: matInput don`t float mat-label
I just updated angular application from Angular version 11 to Angular 16 also with angular material. After update matInput don`t float mat-label. Text is overlapping with mat label.
Can someone ...
1
vote
0
answers
415
views
Prototype pollution in webpack loader-utils
I have created a angular12 application and pushed into GitHub repository. I have been getting a prototype pollution issue under security vulnerabilities as a critical issue under security tab.
showing ...
0
votes
2
answers
923
views
How do I resolve dependency tree in Angular when updating from version 12 to 13?
So I've been trying to get Angular to be version 13 but my local version is 12 so I try to update but it just gives me errors and I'm not sure what I should do about them. My global version is 13. I ...
12
votes
3
answers
10k
views
ERROR in @types/ws trying to update from angular 12 to angular 13
I have updated my project from angular 12 to angular 13 and I'm facing this error:
Error: node_modules/@types/ws/index.d.ts:328:18 - error TS2315: Type 'Server' is not generic.
328 server?: ...
1
vote
0
answers
69
views
ionic + angular 12 dynamic meta tags not visible on page source, but sometimes it does appear in page source
I've this websites build with ionic 5 + Angular 12. Am trying to add meta tags which are fetched from API. So it's dynamic. It was all good until now. It was appear in page source without any issues. ...
0
votes
2
answers
118
views
Call methods in sequence Angular 12
I have three methods say method1, method2 and method3 which are implemented in three different services. Please note that these three methods use httpClient in turn. (i.e. they return Observable). ...
0
votes
0
answers
59
views
Prevent to open via Window.open more than one time
I have a button.
<button (click)="bxs()">
<span>BXS</span>
</button>
my TS:
bxs(): void {
window.open(url, "bxs");
}
how to show a error ...
0
votes
0
answers
196
views
component is not rendering after the imports and export of module in angular
The angular component is not rendering, I have declared and exported a component in my header-module.ts and imported that module to anther module but I still get the error.
I have restarted the the ...
0
votes
0
answers
138
views
How to change a theme if I select theme from dropdown in Highchart angular
I want to change a theme for all the charts added as I change it from dropdown menu.
Please refer an image here.
I have a dropdown of themes. Below is the code. I want to change a theme for all the ...
0
votes
0
answers
249
views
Highchart - How to synchronize Highcharts horizontally and vertically in Angular 12?
I am trying to synchronize multiple charts in both directions horizontally as well as vertically. I have synchronized charts vertically, but Not able to synchronized charts horizontally in Angular 12....
0
votes
3
answers
1k
views
How to http.post a complex object (or List of objects) from Angular 10+ to .NET Core 6?
I want to http.post a complex object (or List of objects) from Angular 10+ to .NET Core 6. Can someone guide me please?
Frontend:
postFnc(object: any, id: any): void{
var body = {
"objectKey&...
0
votes
1
answer
954
views
Angular 12 Error ... from Css Minimizer Error: Transform failed with 1 error: error: Invalid version: "15.2-15.3"
I know this question has been asked before, but I seem to have a slightly different problem (at least, the solution provided in similar questions don't work for me).
The project is using Angular 12, ...
4
votes
2
answers
569
views
Ionic 5 When including Google Maps Api Key: TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator [closed]
I get the following errors when I serve my Ionic 5 application:
Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a ...
1
vote
2
answers
2k
views
Quill editor angular BlotFormatter for image resize not working
I am using quill editor for angular and trying to resize image with quill-blot-formatter. It loads and shows resizable points on image corners as shown in below image, but resize of image is not ...
0
votes
1
answer
236
views
I am trying to mock the mat-dialog which has ngoninit method ,in angular but it is not getting covered
Below is my ts file which I am trying to unit test which has mat-dialog and I am creating a form, till constructor code is getting covered but rest of the method I am unbale to call.Below is my spec ...
0
votes
1
answer
531
views
In Ionic Angular app IonContent's scroll element's scrollTop value is wrong, when queried on navigation end. What can cause this issue?
My goal is to scroll the ion-content component to top, when navigating to the page from some other selected pages. To achive this I am subscribing to the router's NavigationEnd events, and try to ...
0
votes
2
answers
260
views
Angular 12 string interpolation
App receive some data from server via rest calls. Based on this response we can build some context object and string. Example:
const contextObject = {name: 'World'};
const expression : string = 'Hello ...
-1
votes
1
answer
358
views
How to add classname and set style for each td of tr table in angular 8
Trying to add classname and set some style for td of each tr in the table using typescript. I have tried, But it is not working. If anyone knows please help to find the solution.
app.component.ts:
...