362 questions
2
votes
1
answer
116
views
AuthGuard is not working in my angular 15 application
I am trying to set AuthGuard for a user details component page. Without login user details page can not see. I am storing login details in localStorage.
If i add AuthGuard to user details component my ...
3
votes
2
answers
130
views
Upgrading Angular 14 to Angular 15 throws error on build
Build was successful, but after the installation and update of Angular 15, it started throwing multiple error.
For example:
Error: src/app/shared/components/content/reports/sales/partywise-order/...
0
votes
0
answers
168
views
Customize Angular Material Components using mixins to fit my UI
We (my team) recently upgraded our Angular to Version 15, and we have had many problems due to MDC- changes.
My work is to upgrade our components library to be MDC based. I noticed all the mixins ...
0
votes
1
answer
357
views
Need alternative approach to read environment variables on runtime in angular
I have angular applications
lib (this contains __environments, assets and common css, services etc)
app_1
both are run independently and lib is published into a npm package and increment the version ...
0
votes
0
answers
26
views
TinyMCE + Firefox IME (Phonetic Input) Cursor Not Moving After Space on CompositionEnd
I’m using TinyMCE as a rich text editor in my web application. When typing with phonetic/IME input (like Hindi, Kannada, etc.) in Mozilla Firefox, I encounter an issue:
After completing a word using ...
2
votes
1
answer
410
views
Does Tailwindcss v4.1 support Angular v15?
I tried using Tailwind CSS v4.1 in an Angular v15 based application, but it doesn't seem to work. However, Tailwind CSS v3.4 works fine with Angular v15.
Is Tailwind CSS v4.1 compatible with Angular ...
3
votes
0
answers
76
views
Persistent NG04002 ("No matching route found") navigating from lazy-loaded to eager route (Angular 15.2.9)
I'm facing a persistent routing issue in my Angular application (version 15.2.9) after refactoring some features into lazy-loaded feature modules. The error NG04002 ("Error: NG04002 Error: ...
0
votes
1
answer
365
views
Error uploading files to AWS S3 from Angular 15 with AWS SDK v2.1692.0: "Cannot find name 'Buffer'"
I've been using a block of code to upload images and documents from my Angular 8 application to my bucket in AWS S3 using "aws-sdk; v2.1237.0", which has been working fairly well without ...
-3
votes
1
answer
98
views
Rewrite A Code Snippet Instead of For Loop
I've the following data format in jSon:
[
{
"id": 648302,
"newArrGroups": [
{
"groupId": 660,
"newArrGroups": []
}
]
...
0
votes
0
answers
84
views
Auto Fill Row On Content Length
I've shifted to ExcelJs from Sheet JS as I didn't find the option to adjust row values in each column. I've managed to do it with ExcelJs but still there's one issue that I am trying to resolve. So ...
0
votes
1
answer
73
views
Check Array Contains A Property and Bind It To A New Array
I've an array that I am binding as follows:
const newdata = json.map((c) => {
return {
"User Name": c.userName,
Email: c.email,
Groups: c.newArrGroups.map(a => a.name)...
1
vote
0
answers
1k
views
"Unable to install [email protected] with Angular 15 due to dependency conflict"
I am working on an Angular project with version 15.2.10, and I need to install the ng-apexcharts library, specifically version 1.7.6, to use ApexCharts in my application.
The Problem
When I try to ...
0
votes
1
answer
55
views
Receive Data Stream At Once With Service Call
I've a backend controller with C# that takes two parameters to return data for user permission. This works for one user at a time, now I've a scenario to use the same controller to return data of ...
0
votes
2
answers
96
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
vote
1
answer
78
views
Array Gets Replaced With New Values
I've an array which gets populated when I change values in drop down boxes. So I've four drop down boxes with the same event as follows (The drop down boxes are dynamic ones that comes from a service):...
2
votes
1
answer
79
views
Trigger Service With A Delay
Currently I am using Lodash decorator to delay a service call on drop down value change. In the select tag, I did something as follows:
(onSelectionChange)="logUserSearchData()"
In the ...
0
votes
1
answer
387
views
angular-auth-oidc-client calls common endpoint in Azure AD despite mentioning authority
Above is the config defined to authenticate with Azure AD, but when the application is loaded, it calls common endpoint url of Azure although I have defined authority above. Found while debugging that ...
0
votes
0
answers
119
views
Cannot read properties of undefined (reading 'value') on a Jest Snapshot test
I am testing a component in my Angular v15 app. So far only one test fails, my snapshot test:
describe('Snapshot', () => {
it('basic', waitForAsync(() => {
fixture.detectChanges();
...
1
vote
2
answers
94
views
Selecting Multiple Values Should Trigger Service Once With Interval
I've a material drop down box as follows with a select event (selectionChange):
<mat-select #segmentSelector [formControlName]="filter.VAL" multiple placeholder="Select" (...
0
votes
1
answer
266
views
Apply 'formFieldAppearance' property to Angular Material MDC Paginator
I have a design system based in Angular Material. I'm working on migrating to MDC components. I'm now on Paginator and cannot figure out how to set the formFieldAppearance on <mat-paginator>
We ...
0
votes
1
answer
254
views
Not able to load custom scss after migrating angular 14 to 15?
I'm currently migrating a project from Angular 14 to 15 and I have updated all packages to 15. While I was able to resolve all the build errors, I'm facing an issue where the UI doesn't seem to be ...
2
votes
1
answer
251
views
mat-typography error after migrating angular 14 to 15
I'm attempting to migrate Angular 14 to 15. I have FrontDesk/FrontDesk.UserInterface project have updated all the packages to Angular 15.You can check the screenshot below.
I executed executing ...
1
vote
1
answer
108
views
Error after migrating 14 to 15 in dependent project?
I have FrontDesk/FrontDesk.UserInterface project have updated all the packages to Angular 15.You can check the screenshot below.
I executed the following command ng generate @angular/material:mdc-...
0
votes
0
answers
89
views
Angular Keycloak using pkceMethod S256 Error and not able to display data
Im new here with Keycloak angular..
I am facing these error and not able to understand and debug.
ERROR undefined:
Zone - Promise.then (async)
(anonymous) @ app.module.ts:98
Promise.then (async)
8835 ...
2
votes
1
answer
324
views
Is fullcalendar 5 compatible with angular 15+?
I'm in the process of updating my angular project from 13 to 17 and currently using fullcalendar/angular version 5.11.2.
Is this version compatible with Angular 15 to 17 ?
I managed to use version 5....
-1
votes
1
answer
178
views
Angular TS2339: Property 'subscribe' does not exist on type 'EventEmitter [duplicate]
I am getting this error from event emitter @output
From child component
import { EventEmitter } from 'stream';
.....
@Output() selectedData = new EventEmitter<any>();
.....
this.selectedData ....
1
vote
1
answer
175
views
How to Override a Component from a 3rd Party Library in Angular?
I'm using an internal library that provides a generic solution for authentication, including a login page with a login form. For a specific application, I need to customize the login form by adding ...
1
vote
1
answer
45
views
How to bootstrap angular library from the angular application
I am having a angular library in npm repo. Installed that library in another angular application.
Do we have any direct options to bootstrap the remote angular library from the main project? Need to ...
1
vote
0
answers
97
views
How to bootstrap the routing, NgRx etc of MFE module from the shell project forcibly using module federation?
I want to bootstrap or initiate the MFE's routing, NgRx and other library instances from the Shell project programatically.
Now I am doing lazy load of modules from shell as below
loadChildren: () =&...
0
votes
2
answers
61
views
How can we use the langular ibraries @angular/common, @angular/core etc from the dependency? [closed]
I have a angular library installed in my angular application. So the library has all the angular dependencies such as @angular/common, @angular/core etc.
I want to use a single version of angular ...
2
votes
0
answers
73
views
Bulk Processing of data in ASP.NET Core Web API with Angular
I'm using Angular 15 and an ASP.NET Core Web API. I have a use case where I need to process 1000s of records which involve querying from LDAP and updating into a database.
This whole process might ...
1
vote
0
answers
90
views
ng test - SyntaxError: Unexpected token '.'
Recently, I upgraded my angular project from v14 to v15. But after the upgrade, on running the test suite using the command ng test, I'm getting the following error:
I addressed the warning shown in ...
2
votes
0
answers
910
views
mat-slide-toggle is not disabling in Angular 15 but works fine in Angular 14 with same code
I updated to Angular 15 and now [disabled] attribute of mat-slide-toggle is not working well.
The top toggle should be disabled at startup, but now it only becomes disabled after being manually turned ...
1
vote
0
answers
201
views
angular default locale url without basehref - i18n
After implementing localization in our Angular (v15) project and configuring i18n, the base URL now includes a language code. As a result, when our users attempt to open the application URL suggested ...
2
votes
3
answers
1k
views
Cannot find control with path error after migrating to Angular 15
The migration from Angular 10 to Angular 15 has caused the following error on the console:
ERROR Error: Cannot find control with path: 'mappedHeaders -> 0 ->
value'
example.ts
headerArray: ...
1
vote
0
answers
39
views
Security Error: Failed to execute 'replaceState' on 'History': A history state object with URL.. and signalrHubConnection.start()
I was using qt 5 and i upgraded to qt6. I got to know that QtWebengine is replaced with QtWebEngineQuick. Now i have a server which runs in QT and a client which runs on angular connects to it. I have ...
0
votes
1
answer
510
views
Import a echart theme with echarts v5.5.0 and ngx-echarts v15.0.3
I was using echarts v5.4.3 with ngx-echarts 15.0.3 and angular 15, but when I updated echarts to v5.5.0 I notice that the theme is not working.
I have an application as a library where I am using the ...
1
vote
0
answers
263
views
Are test.ts and test-acceptance.ts not required from Angularv15 onwards?
I have upgraded to Angular15 recently, but unit tests weren't running, after some exploring, I got to know that main:"test.ts" needs to be removed from angular.json's test block, and instead ...
0
votes
1
answer
408
views
Trying to installing Angular version 15, when latest version installed is 17, throws warning for Unsupported engine
In my System Angular Version 17 was installed. I tried installing Angular 15. To achieve this I tried
npm uninstall -g @angular/cli. Angular is successfully uinstalled.
npm cache clean(this throws ...
1
vote
0
answers
242
views
Angular PWA: Using Service Worker to do a scheduled job or async task with page/web-app
Am new to angular service workers, and have the following needs
Want to have a separate thread than the one in the app taking care of purging every n minutes an indexedDb containing stuff, and notify ...
5
votes
2
answers
4k
views
Ng test issue: Cannot find type definition file for '@angular/localize'
upgrading from angular 14 to 17 I encountered issue with ng test. It is not working anymore.
Error:
PS C:\ForAngular17\src\ng\cat-ng> ng test
One or more browsers which are configured in the ...
1
vote
1
answer
217
views
Angular shared module breaks console.log()
I have an Angular app in which my app-routing.module.ts uses lazy loading for different modules(pages in my case). Now I have a generic shared.module.ts in which I have some common components which I ...
0
votes
0
answers
257
views
This version of CLI is only compatible with Angular versions ^15.0.0, but Angular version 17.2.4 was found instead
I tried an update from angular 10 to 15, after doing the ng update and running ng version
when i try ng serve i got the message This version of CLI is only compatible with Angular versions ^15.0.0,
...
0
votes
1
answer
195
views
Angular 15 - Get error for RouterOutlet in standalone component
I have an error with running the Angular project.
X [ERROR] NG8001: 'router-outlet' is not a known element:
If 'router-outlet' is an Angular component, then verify that it is part of this module.
If '...
0
votes
0
answers
172
views
Angular 15: Why are my input elements empty when wrapped with a router-outlet?
I have a simple app that has a login screen and once you click sign in you are taken to the homepage. The login screen contains a title, two text inputs and a button. When not wrapped in router-outlet,...
1
vote
1
answer
610
views
Updating from Angular 14 to 15 polyfills.ts issue
I have updated my app (angular 14) to (angular 15)
I already perform this commands
ng update @angular/core@15 @angular/cli@15 --force
ng update @angular/material@15
When I run the app for checking
I ...
1
vote
1
answer
150
views
Santitize script src url value angular provides incorrect url value
I need to sanitize the external url value to dynamically load script and remove script for specific component alone.
used following approch
private getUrl(): SafeResourceUrl {
// declared value in ...
0
votes
1
answer
66
views
How to Concatenate pipe value in a sting
I am trying to Concatenate date value in a string. But it is not working. If anyone knows please help to resolve this issue.
HTML:
<img src="assets/images/icon.png [tooltip]="'First Date +...
1
vote
1
answer
1k
views
ng2-pdf-viewer problem with Angular >=12 version
Error
If 'pdf-viewer' is an Angular component and it has 'src' input, then verify that it is part of this module.
If 'pdf-viewer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@...
0
votes
1
answer
270
views
Angular 15 - Routing Module Issue
I updated to Anglar 15 and I'm having a problem with the redirect, according to what the error says, I have a double //, but the reality is that I don't have anything like that in my code.
**
...