Questions tagged [angular13]
For questions regarding programming in Angular specific to version 13. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
550
questions
0
votes
1
answer
23
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
0
answers
23
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
24
views
How to get selected row index by checkbox in angular 13
I am trying to add data to table2 from table1, So i have used data1 and data2 array object.
If i click the checkbox from table 1 i want to add that object to
data2.
If i click the checkbox from table ...
0
votes
0
answers
21
views
Module '"@angular/core"' has no exported member 'SystemJsNgModuleLoader'
I have a hybrid application like angularjs plus angular 12, i wanted to upgrade from angular 12 to 13. I followed this link to upgrade angular 12 to 13. But it gives an error of UI router as I am ...
0
votes
0
answers
20
views
Sticky footer doesn't work on angular application using a flex layout technique
I can't make the footer stick to the end of the page when the main "content" is not enough to put it at the bottom.
My dom is like this.
My CSS is like this.
body {
min-height: 100%;
...
0
votes
0
answers
11
views
Error: Module build failed | Angular13: ck-editor postcss-loader error
i'm using "@angular-builders/custom-webpack" for webpack configurations.
and the versions are:
`"dependencies": {
"@angular/animations": "~13.3.12",
...
0
votes
1
answer
19
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
53
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 ...
0
votes
0
answers
20
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
vote
0
answers
104
views
<input autocomplete="off" this is not working i am using in angular 13. still is showing lastPass.. in my input filed
this lastpass... is still showing need to remove this from input field
I have used for this "autocomplete"="off", aria-autocomplete="none"
but still not solved my problem ...
0
votes
1
answer
55
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
61
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 ...
0
votes
0
answers
20
views
How to remove the bootstrap5 tooltip from angular component.ts file on mouseover event?
I have added tooltip to div using bootstrap5.3 but on mouse out event tooltip is not hiding
please find my below code
somefunction() {
const rect = document.createElement('div');
rect.style....
-1
votes
1
answer
35
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
65
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
18
views
Intercept Firebase SDK/Angular Fire calls in Angular
Does anyone know is it possible to intercept the requests made to firebase authentication with AngularFire v7 library ?
Use case:
My application has phone authentication. Whenever user is logged in, ...
0
votes
0
answers
44
views
Parameterized routes without using a forward slash in Angular 13
I have a route like below in one of my lazy loading modules in my Angular 13 app. When running the application in the browser, I get the url like this, https://localhost:44477/myroute-to-/colombo.
I ...
0
votes
0
answers
26
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
61
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
28
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
40
views
form angular loading without appearance, and without erros
All Forms of my application load without applying the theme (Appearance), I already tried solutions like adding @import "~@angular/material/prebuilt-themes/indigo-pink.css"; in my style.scss ...
0
votes
0
answers
121
views
How can Enter key create new lines under CKEditor 5?
I add editor to my angular project using CKEditor 5.By default , Enter+shift create new line .I would like to use only Enter key .I try to add event listner and concat to content editor .
New lines ...
0
votes
0
answers
70
views
Set global headers for all axios request in angular 13 app
So I am trying to set bearer token for authorization in my angular 13 app but can't seem to find a proper way to set global headers for all axios request so that I don't have to manually set headers ...
0
votes
0
answers
75
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
69
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
28
views
Ngx scrollbar not loading content
I have added ngx scrollbar to my project and it is working fine but when somebody clone the project and run npm install ngx scrollbar not loading any content and no errors also. Can somebody help with ...
0
votes
0
answers
18
views
html type date upon click of date picker calendar opens up left bottom
How to open calendar on right side or how to change calendar pop up position from left to right above the icon . I tried with styling css and using after and before
0
votes
0
answers
109
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
297
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
83
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
2
answers
755
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
57
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
36
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
0
answers
35
views
How can I replicate same functionality as insertPages() (insertPages function is from ionic 3) in ionic 6 with angular 13
I am migrating the Ionic 3 application to Ionic 6. In Ionic 3, there is one function, insertPages(), which will insert an array of pages at a given index in the navigation stack.But now I am using ...
0
votes
1
answer
318
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
139
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
166
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 ...
7
votes
1
answer
5k
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
686
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="...
0
votes
2
answers
2k
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
133
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
54
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
38
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 ...
0
votes
0
answers
112
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
0
answers
37
views
Consuming an Authorized Get method in Web API from Angular using bearer token gives error
Getmethodcall_App_controller, Interceptor_code, Post_authorisation_header
Getmethod_service_class, Error_details
I have a Web Application which has CRUD operations and is fetching data from Sql ...
0
votes
0
answers
48
views
Can't get url params from ActivatedRoute in Angular 13
I am trying to implement nested lazy loading
app-routing.module.ts routes config:
const routes: Routes = [
{
path: 'my-module',
loadChildren: () => import('./my-module/my-module....
0
votes
1
answer
158
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
395
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
38
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
617
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" />
...