For questions regarding Angular specific to version 14. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
Questions tagged [angular14]
536 questions
1
vote
1 answer
How to Push value in array of object based on condition and avoid pushing duplicates in Angular 14
Below is my code, here I want to push the subModule object into the selectedPieces array if submodule.active is true and if it is not present inside the selectedPieces array. But in my code, it is inserting values multiple times after inserting two…
tripti tiwari
- 47
- 5
1
vote
1 answer
Angular Fetch exact local ip address
I need to fetch local ip address of my machine even it is masked or connected with other networks. Is there any way to show the actual ip without doing any 3rd party local host or anything?
I tried some of the ways that mentioned on the sites but it…
dev196
- 11
- 2
1
vote
2 answers
Customize default colors for multi dataset in Doughnut Chart ng2-charts in Angular 14
Angular 14, ChartJS: 4.1.1, NG2-Charts: 4.1.1. I am facing some trouble when trying to customize doughnut chart colors. Here I tried setting colors individually for each datasets, but its not working as expected. And without setting any colors, it…
Saroj Panda
- 38
- 4
1
vote
2 answers
How to limit the number of simultaneous http requests, using Angular?
Let's assume I'm uploading 100 images, so my Angular frontend has to make 100 API-calls. Yet due to backend restrictions, I would like to have a maximum of 5 simultaneous API requests at any given point of time. Whenever one of the http-requests in…
azby
- 57
- 4
1
vote
1 answer
What makes this Angular file uploader fail when browsing for the file?
I am working on an app in Angular 14 with includes a form. The form has a file uploader.
In form.component.ts I have:
import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { FormGroup, FormControl, Validators } from…
Razvan Zamfir
- 4,209
- 6
- 38
- 252
1
vote
2 answers
How can I display a reusable errors component in this Angular 14 app?
I am working on an app in Angular 14.
The app is designed to contain multiple forms in various components which is why I thought it was a good idea to create a reusable component for error messages.
In form.component.ts I have:
import { Component }…
Razvan Zamfir
- 4,209
- 6
- 38
- 252
1
vote
0 answers
select dynamic options do not set values angular 14
I have a configuration array list of my list of roles and groups with their respective values correctly.
but the iterated values are correct and the ones that are displayed in the select are the first of my "configuration" array
Miguel Vega
- 21
- 3
1
vote
0 answers
Using JSZip in an angular 14 library
I am developing multiple websites in angular with similar content and have therefore decided to extract common components and functionality into a separate angular 14 library.
I have previously successfully used the JSZip library in one of these…
sai anand
- 13
- 4
1
vote
0 answers
Angular 14: NG04014 Invalid configuration of route
I updated quite sizable project to angular 14.On one particular route config I get the following error when I click on a link to redirect.
Error: NG04014: Invalid configuration of route 'publication/:id/:slug/'. One of the following must be…
SkyLordPanglot
- 63
- 7
1
vote
0 answers
SignalR package for Angular 14 and .Net framework 4.7
I am working on angular 14 and backend is on .Net framework 4.7. I am trying to communicate with server using signalR. Angular package @microsoft/signalR is giving below error when trying to communicate
Failed to start the connection: Error:…
Nida Akram
- 332
- 2
- 9
- 24
1
vote
1 answer
TypeError: Cannot read properties of undefined (reading 'paramMap')
I am trying to write a unit test for my angular component and I am stuck at this error. I have been debugging for a long time with no luck. Any help is appreciated... I have created the mockActivatedRoute in spec.ts but it keeps showing the below…
kyubei
- 11
- 2
1
vote
2 answers
Angular 14 does not respect browser compatibility: CSS:inset property used although not supported
I have an app built based on Cordova/Ionic, Angular 14. Everything is working fine in Chrome and on iOS. However, the Android webview doesn't seem to support the CSS's inset-property, which leads to issues, as Angular compiles top: 0; ... to inset:…
Marc
- 12,706
- 7
- 61
- 97
1
vote
2 answers
Angular 14 CLI is not compatible with node version 18.12.1
Angular 15 CLI is compatible with node version 18.12.1. But after downgrading to Angular CLI 14 the existing node version is unsupported. I'm finding the maximum node version which is compatible with Angular 14 CLI.
Nimasha Madhushani
- 190
- 3
- 17
1
vote
2 answers
Angular Routing Invalid URL Segment
In my main Routing File
RouterModule.forRoot([
{
path: '', component: AppMainComponent,
children: [
{path: '', component: DashboardComponent},
{
path:…
Saneth Chandrasekara
- 471
- 4
- 14
1
vote
0 answers
How to disable web pack in Angular 14
How to disable web pack in Angular 14 ?
I am not able to debug my code.
Angular JSON
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"color-admin": {
…
Atique Ahmed
- 43
- 5