515 questions
1
vote
1
answer
49
views
Angular two-way data binding parent vs. child input property state
In Angular 13, I have a child component with Input and Output properties: "selected" and "selectedChange".
Should I update the child's "selected" value just before ...
0
votes
1
answer
125
views
Bold Report Viewer (Angular Embedded) - 401 Unauthorized Network call
I am using Bold Report Viewer embedded in an Angular application (Angular 13). When loading a report, I get this error:
A network failure, slow connection, or incorrect service information could be ...
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'...
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 ...
0
votes
1
answer
160
views
How to package ng-bootstrap in Angular using webpack
I'm working on a hybrid Angular 13 application, and using webpack to package it for production, but I'm having an issue the ng-bootrap library. There are AngularJS components in the application using ...
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]="...
0
votes
1
answer
2k
views
How can I download pdf manually from ngx-extended-pdf-viewer in angular 13
I have installed ngx-extended-pdf-viewer@18 and angular 13. It works well. But now I want to download edit pdf file with separate button, how can i achieve that. please help
in HTML file
<ngx-...
0
votes
1
answer
51
views
Generate response based on date provide in Angular
I have a JSON reponse.
Response JSON:
[
{
"price": 388,
"created_date": "2019-07-30T17:01:38",
"created_user": "PQR"
},
{
"...
0
votes
0
answers
288
views
Angular13- suddenly started to see "Uncaught TypeError: Illegal invocation"
I am using angular 13 for my project and for the last 6 days (24th Feb 2024) I have started seeing "Uncaught TypeError: Illegal invocation" suddenly on my production application. No recent ...
-1
votes
1
answer
286
views
Angular 13 - Getting error "Cannot read properties of null (reading 'getParsed')"
working on an Angular 13 project and getting an exception:
TypeError: Cannot read properties of null (reading 'getParsed')
at .../main.2506c840be361c93.js:1:325924
at Array.filter ()
at nd....
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 '@...
2
votes
0
answers
101
views
Angular - secondary router outlet stays in URL when navigating to new tab/window
I have a problem with angulars secondary router outlets (named outlets - https://angular.io/guide/router-tutorial-toh#displaying-multiple-routes-in-named-outlets).
The issue I am facing is that ...
0
votes
1
answer
450
views
How to remove multiple object from an array in angular 13 [duplicate]
Tried to delete multiple object from an array by selecting the checkbox table row. But in my code only 1 item is deleted. Not able to delete multiple selection object. How to resolve this issue?
Demo: ...
0
votes
1
answer
89
views
How to get multiple selected row index in the table in angular 13
I am trying to get multiple selected table row index in my code. But i am getting only one row index. So, How to get mutiple selected row index?
Demo: https://stackblitz.com/edit/angular-ivy-lpwp3n?...
0
votes
1
answer
42
views
reduce same function call inside ngFor loop
inside the ngFor loop, there are 3 same function call - processStatus(status). Is there a way to call it only once inside the for loop by saving it in a parameter , and then refer to that parameter ...
0
votes
2
answers
536
views
angular13: how to manually add scss files by condition to index.html?
I want to add this import
<link rel="stylesheet" href="./assets/sass/style.scss">
<link rel="stylesheet" href="./assets/sass/plugins.scss">
by ...
1
vote
0
answers
144
views
"RouteReuseStrategy" and "LazyLoad" don't work after upgrading from Angular 12 to 13
In Angular 12, "RouteReuseStrategy" works perfectly. However, after upgrading to Angular 13, "RouteReuseStrategy" stopped working. After careful examination, I noticed that the ...
-1
votes
1
answer
68
views
How can i apply code before an element is erased by an *ngIf in Angular 13?
I'm handling this form in which will be shown an input depending on the option that was selected
<form [formGroup]="form" (ngSubmit)="search()">
<div class="row">
&...
0
votes
0
answers
406
views
Angular 13+ Web App to Mobile App with Capacitor -- Issue Connecting to API
I have an Angular 13+ web application with a PHP backend that works perfectly on browsers. I am trying to convert this application to native mobile apps (Android and iOS) using Capacitor. I have ...
-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 ...
2
votes
0
answers
283
views
How to integerate a vue app in a angular app?
Hi guys I have a navbar which is written in vuejs and i have 7 apps in which 4 is written in vanila js and 3 is written in angular.Found a way to integrate in vanila but now for i want to integrate ...
0
votes
0
answers
85
views
View-Child for the child component returns undefined
I have a Parent Component and a child component which I am trying to access via @ViewChild...This was a legacy code that stopped working after I moved from Angular 5 to 13
Parent
@Component({
...
0
votes
0
answers
229
views
I have problem with my dx-file uploader is not working inside dx-data-grid(Angular ,T.S.) dev extreme version 21.2.5
tab.copmonent.html
<div id="data-grid-demo">
<dx-data-grid
id="gridContainer"
[dataSource]="dataSource"
keyExpr="ID"
[showBorders]=&...
0
votes
1
answer
102
views
Highlighting SolidGauge Panes When Hovering Over Grey Portion of Percentage Graph
I am using Highcharts Solid Gauge graphs in Angular 10 and 13 to display circular progress charts. In the provided chart code, I am attempting to implement a feature where a specific pane is ...
0
votes
0
answers
187
views
Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'Float64Array')
I am migrating an Angular app from v12 to v13 and I experienced the following error:
ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'Float64Array')
...
0
votes
0
answers
141
views
gulp-sass : combine multiple scss into one scss file
I am using gulp npm package to bundle the scss files into one single scss file in angular 13. I am facing issues like,
Error: Can't find stylesheet to import.
╷
1 │ @use '@angular/material' as mat;
...
0
votes
0
answers
463
views
Unable to import module for locale in Angular after upgrading to Angular 13
In my previous version of Angular, I used to register locale using
private localeInitializer(localeId: string): Promise<any> {
return import(
/* webpackInclude: /(en|de)\.js$/ */
...
0
votes
1
answer
1k
views
How To get Embed Code Programmatically for a SharePoint Stream Video
We are having one angular application in which we want to stream a Video uploaded on SharePoint Stream
Using Below option we can get the embeddable url which we can use in
<iframe></iframe>...
0
votes
1
answer
600
views
Can we generate a chart something like this with chart js?
I am currently trying to create a sleep tracking app using chart JS(4.1.1), but I can't seem to figure out how to correctly get it to work, and how to pass the data for it to display it correctly
I am ...
3
votes
3
answers
1k
views
How can I remove the transform style in a draggable element?
Using the example from CDK drag and drop, I want to add a preview of the dragged element with left and top positions without the transform style.
HTML
<div class="example-boundary">
&...
0
votes
1
answer
280
views
Angular load child module in child routing
I have below routing module as parent.
const routes: Routes = [
{
path: '',
component: BaseRoutingComponent,
canActivate: [AuthGuardService],
data: {
expectedRoles: ["...
1
vote
0
answers
292
views
Why are buttons not working in Angular 13
I have an Angular 13 project that is working except I can't seem to get Angular Material applying. I have been able to get it to work in other projects.
I installed Angular Material with the command:
...
0
votes
1
answer
2k
views
How to open or download a raw pdf file coming from service
I am having a challenge parsing a raw pdf file from frontend. The structure of the raw pdf file looks like this
%PDF-1.3 %���� 1 0 obj << /Type /Catalog /Pages 2 0 R /PageMode /UseThumbs>>...
0
votes
1
answer
468
views
Angular source code not generating only for a few files, for some files its generating
I am trying to debug my application, we have recently upgraded our application to angular 13, the source codes weren't available in the developer tools for chrome, so I have added the sourceCode:true ...
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
2
answers
4k
views
Angular - How to get an element by id inside ngOnInit
I want to get the below checkbox element in ts to manipulate its value (checked = true)
<div class="input-wrapper" *ngFor="let i of rolesData">
<input type="...
1
vote
2
answers
12k
views
ChunkLoadError: Loading chunk 552 failed
I am migrating the Angular 12 to 13, though the migration is successful but when I run project in the browser after successful build, It doesn't show the application. When I checked the console, it ...
0
votes
0
answers
473
views
My application freeze when use router.navigate
I try to return to the main page with
navigateToHome () {
this.router.navigate([''])
.then(() => {
window.location.reload();
});
}
html
<div class="toolbar">
&...
0
votes
1
answer
193
views
How to get the parent component's name with Angular 13?
I'm trying to get clicks information from each of my app's buttons, so i've added some attributes to all the buttons - and i grab them by the following example:
@HostListener('document:click', ['$...
1
vote
2
answers
168
views
Migrating Angular 8 to angular 13
I am planning to migrate an application which is based on angular 8 to angular 13, its a medium size application which contain 30-40 modules, how many months will take to complete this job with 1 ...
2
votes
1
answer
621
views
Warning [NgxImageCropper] Could not find HammerJS - Pinch Gesture won't work
I am implementing the NgxImageCropper library in a project, but the following warning is displayed in the console
Warning [NgxImageCropper] Could not find HammerJS - Pinch Gesture won't work
Look on ...
0
votes
1
answer
747
views
How to stop Re-Rendering a angular component?
I am facing an issue that a component(Home component) re-renders every time when I navigate to other menus, The following is the order of component
Login component -> Home Component -> Child ...
2
votes
0
answers
878
views
Jest configuration in Angular 13: transform not working
I'm encountering an issue with the Jest configuration in my Angular 13 project. The transform property doesn't seem to be working as expected, preventing Jest from transforming my TypeScript files ...
0
votes
0
answers
58
views
Replace irregular part of strings in Angular
I am looking to replace parts of multiple strings to bold text in Angular 13.
I am fetching the text from an external API.
It is the middle part of the string that has to be highlighted. I am mapping ...
0
votes
1
answer
2k
views
which version of apollo-angular is compatible with angular 13
I am trying top upgrade angular version to 13 from 12.
I want to know which apollo-angular and apollo-client version are comptaible with angular 13.
/// <reference types="Cypress" />
...
0
votes
1
answer
455
views
(Uncaught RangeError: Maximum call stack size exceeded) Ionic Angular: Modal is dismissing entire modal and page
I have a whole page component to add new users to my app, so to do this, I decide to use a modal to register. But I have to do 2 calls in this component: 1- register on Firebase, 2- register on DB. ...
2
votes
3
answers
4k
views
Angular: Parser Error: Private identifiers are not supported. Unexpected private identifier
I am prototyping a functionality I am just doing things simple here. I know the benefits of FormArray but I want to be simple here.
I am getting this:
Parser Error: Private identifiers are not ...
-1
votes
2
answers
118
views
Populating Global Array from Angular Observable
In my Angular13 component I have an observable sending out a stream of data.
I want to do some data manipulation of this data outside of the Observable.
myObservable$: Observable<ReadonlyArray&...
0
votes
1
answer
4k
views
How to get reference of the component (componentRef)?
I have an issue about detect the ComponentRef.
I create a Dynamic Component via ViewContainerRef inside ComponentA and append after app-root. I can get the reference of this component by
const ...