363 questions
3
votes
2
answers
98
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
101
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
290
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
23
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
328
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
63
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
0
answers
32
views
How to fix cannot find module in Angular when installing emoji-mart?
I am trying to integrate in angular 15. Running the build returns this error.
Error: node_modules/emoji-mart/dist/index.d.ts:1:46 - error TS2307: Cannot find module 'components/HTMLElement' or its ...
0
votes
1
answer
276
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 ...
0
votes
0
answers
38
views
Angular 15 | making changes in anglar project leads to path error unless build again angular 15
when i make Changes to UI
and hit ctrl+S to save the file
The angular projects to reload the project
and end up getting path error
../client.module.ts:10:37
10 import { BulkUploadComponent } from '...
-3
votes
1
answer
95
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
79
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
61
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
53
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
74
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
75
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
78
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
337
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
106
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
89
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
213
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
235
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
239
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
98
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
82
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
229
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
157
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
154
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
40
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
88
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
58
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
70
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
87
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
861
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
187
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
38
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
453
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
249
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
383
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
232
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
204
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
241
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
182
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
107
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
592
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
139
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
59
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 '@...