Questions tagged [angular8]

Questions about Angular version 8, the web framework from Google. Use this tag for Angular questions which are specific to only version 8. Use tag Angular for any Angular questions which are not specific to an individual version.

Filter by
Sorted by
Tagged with
-2 votes
1 answer
45 views

Angular 8 creating a link between 2 separate variables

I have an array which creates view based on the objects in it. The values inside the objects can be changed using ngModel. What happening is when I get the response of the array I set that same ...
Avishek's user avatar
  • 542
0 votes
0 answers
31 views

How to pass database query in Angular Get API URL

I have below function in my service file which i am executing from Component, i want to prepare one get URL from below function. getStartEndTime(body) { const query = `select min(shiftstart) ...
Shilpa's user avatar
  • 29
1 vote
1 answer
54 views

Filter array of objects based on multiple conditions Angular 8

I am getting below response, i wanted to filter array of objects based on lineId and subFamily and status. i tried below code and it is working fine for lineId Filter, but i need to add one more ...
Shilpa's user avatar
  • 29
0 votes
1 answer
27 views

migration angular 8 to 9

while migration from angular 8 to 9, i installed angular dependecies one by one using npm i (@angular/core, @angular/cli @angular/material ect ...) reading the documentation using ng update must fix ...
DEV's user avatar
  • 1,635
0 votes
0 answers
11 views

ANGULAR 8 @ViewChild options {static: false} causes Can't bind to 'formGroup' since it isn't a known property of 'form'.ngtsc(-998002) in HTML

Out of the gate, I'm already importing reactive Forms Module. Here's the problem: in my .ts file I have the following code: @ViewChild('MySuperCoolForm', null) MySuperCoolForm: NgForm; and there's ...
Peter The Angular Dude's user avatar
0 votes
0 answers
25 views

How to remove index.html in routing URL and resolve type error _angular_core__WEBPACK_IMPORTED_MODULE_0__.ɵcrt is not a function

I recently upgraded my project from angular 7 to angular 8. My project is a combination of angular JS and angular 8. After changing the routing way in the app-routing.module.ts from the #Modulename to ...
mounica t's user avatar
0 votes
3 answers
61 views

How to merge two different arrays of object in one single array Angular 8

i am calling two api at same time and getting below response in array1 and array2.at Now i wanted to merge all the object in one array Below is my array1 and array2 response. Const Array1 = [ { ...
Shilpa's user avatar
  • 29
0 votes
0 answers
19 views

Angular keyvaluepipe with return 0 is not returning the value of the object

I'm having issues where the {{item}} are not being shown in separate list, after I added returnZero for keyvalue (so that key is not sorted), it is giving me an error for section.value and wouldn't ...
user7046311's user avatar
1 vote
1 answer
28 views

Embed tag calling URL multiple times in Angular

I am trying to design a PDF viewer to show the PDF from the API response. The issue I am facing is the API is getting called multiple times like around 50 - 60 times or sometimes more. This is ...
Avishek's user avatar
  • 542
1 vote
0 answers
44 views

angular material multi select dropdown

.html file <mat-form-field appearance="outline" > <mat-select [formControl]="groups" [(value)] ="selectedGroups" multiple> <...
krishnaraja mathu's user avatar
-1 votes
2 answers
64 views

How to iterate values from mutiple arrays of object and patch values to new response Angular 8

I am getting below data from api response const apiResponse = { "factoryId": "A_0421", "loss": [ { "lossType": "Planned ...
Shilpa's user avatar
  • 29
0 votes
1 answer
32 views

Working on vertical sliders need to drag up and down individually

# Working on vertical sliders need to drag up and down individually but If I pull first on all sliders also moving. and button resetAllSliders should also working individually button applyAllSliders ...
rakesh kamlekar's user avatar
0 votes
0 answers
30 views

Angular 8 and jquery-select-areas plugin not working - .selectAreas is not a function

I am trying to integrate jquery-select-areas plugin within the Angular 8 project, jQuery is working fine but I am not able to get the plugin working. I have added select area Javascript directly into ...
M P's user avatar
  • 352
0 votes
0 answers
21 views

How to resolve can not read only property issue in typescript array object

I am trying to update the array object particular value in angular. But Not able to update the array object values. How to do it in typescript. Error: Type Error: Cannot assign to read only property '...
Pakal Nilavu's user avatar
0 votes
0 answers
11 views

Angular version 7 to upgrade 8 version - Getting NoModule metadata found for 'App1Appmodule'

I have application which I need to upgrade it to latest version of Angular. I started upgrading it from 7 to 8. I have custom webpack.json file which we use to configure the file. My current ...
User2's user avatar
  • 1,293
0 votes
0 answers
38 views

How to validate angular from for custom input component

I am trying to validate custom input component in angular. I have created custom input component and also passing control name as a input property to app-input component then trying to validate it. ...
Pakal Nilavu's user avatar
0 votes
0 answers
29 views

How can I implement date range selection in Angular 8?

Hey I am trying to implement date range selection input in my project. The angular version I am using is Angular 8, the mat-date-range-input is available from Angular 10 version. Are there any ...
vivek's user avatar
  • 1
0 votes
0 answers
39 views

How can I click on radiobutton through angular storybook interaction?

I need to click on radio button option while adding its interaction via play function in storybook story. I have tried using below 2 approaches of providing with radio button value with unique role ...
naman 's user avatar
  • 51
0 votes
0 answers
11 views

how to reinitialize the angular.firebase.config() in angular 8

we have existing details deleted and reinitlise the AngularFireModule.initializeApp() we create one firebase service change the country selection we change the dynamically firebase config when use ...
Sultana Syed's user avatar
1 vote
1 answer
490 views

ERROR in (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node Module not found

Not able to run the angualr application due to below errors. ERROR in (webpack)-dev-server/client?http://0.0.0.0:0/sockjs-node Module not found: Error: Can't resolve 'querystring' in 'G:\Git\...
Ahetesham's user avatar
0 votes
0 answers
28 views

Iframe throws 404 error when initial load in angular 8

When I tried to load pdf in iframe, initialy it loads 404 error page and then loads the pdf file. I thought, it would be url issue when iframe loads. So I have tried with *ngIf. So once url this....
klmuralimohan's user avatar
0 votes
0 answers
16 views

Angular 8 browser cache CORS policy issue with nodejs API

I'm facing this caching issue on my angular 8 website, it's working fine till hour and then throw CORS policy error while api call. After I clear the browser cache and reload, it start working fine ...
rvchauhan's user avatar
1 vote
0 answers
51 views

Keep value in select after navigation with NgbNav

I'm having a problem that I'm not able to understand, I have a customizable component of the select type, it apparently works correctly and is storing the value of the option in the formControl ...
Rafael Massula's user avatar
0 votes
0 answers
159 views

Error: NG0204 with no specific details after Angular upgrade from 8 to 14

I have been working on this task to upgrade from angular 8 to 14. After upgrading to 14 I am seeing this Error: NG0204 error in the console on serving my app. No additional information is provided (...
Avinash Gayam's user avatar
0 votes
0 answers
20 views

es2015 to esnext in Angular 8 project, is it safe?

In Angular 8 project, if I change in the tsconfig.ts "module" from es2015 to esnext, is it safe? The build looks fine but can it cause any problems which I don't see at the moment?
Shem's user avatar
  • 258
0 votes
0 answers
25 views

lazy loaded routes in angular redirecting to home page

I am using Angular 8. I implemented lazy loading for a module named student. the route is localhost:4200/student. this route lazy loads the student module. But whenever i am trying to go to the route, ...
Smith's user avatar
  • 1,357
0 votes
0 answers
196 views

Error while run ng test after angular update form 8 to 9

ERROR in ../node_modules/@types/node/ts4.8/test.d.ts:831:34 - error TS1005: '?' expected. 831 : F extends abstract new (...args: any) => infer T ~~~ ../node_modules/@types/node/ts4.8/...
SAHIL TAMBOLI's user avatar
1 vote
1 answer
621 views

Problem while updating angular 8 to angular 16. Error: Cant bind to "something" since it isn't a known property of "something"

I am updating an old angular 8 project to angular 16. I have updated the project. But now compiling the project is giving me multiple error on components "Cant bind to "something" since ...
Enter-The-Matrix's user avatar
0 votes
1 answer
45 views

Detect Change in Select in Angular

I have some difficulties logging the year when you select the year. I managed to hide the month and dates already though. STACKBLITZ Simple datepicker <ngb-datepicker [(ngModel)]="model"...
Joseph's user avatar
  • 7,106
0 votes
1 answer
50 views

Problem displaying server data on angular with async pipe (empty page) no error displays

Being new to Angular\TS, I want to use Async Pipe to display JSON data . Following is the code with Model Interface.It compiles but doesn't display anything(empty page) and no error displays. what can ...
emmanuel 's user avatar
0 votes
1 answer
41 views

HighCharts- How to display dash style between low and high in column range type series and display value in it

I need to generate a report using high chart for column range, where i need to display a divider between low and high value and also display value next to it. http://jsfiddle.net/6qsvjark/2/ series: [...
Abhilash Muttalli's user avatar
0 votes
0 answers
21 views

Implementing pagination in Angular 8 paginator is unresponsive

We have a simple mat-table and we want to add pagination to it. app.ts import {Component, OnInit, ViewChild, AfterViewInit} from '@angular/core'; import {MatTableDataSource} from "@angular/...
SDido's user avatar
  • 17
0 votes
2 answers
43 views

How to access global variable name inside app.component.ts

I ahve declared global varibale name inside index.html page.I am trying to get that variable value inside app.component.ts file.How to do it? app.component.ts: import { Component } from '@angular/core'...
EMahan K's user avatar
  • 437
0 votes
1 answer
82 views

Angular APP_INITIALIZER application configuration initialized slowly

I am using Angular 8 . My AppModule has config like so { provide: APP_INITIALIZER, useFactory: initConfig, deps: [AppConfigService], multi: true, } with factory function like export function ...
harsha kumar Reddy's user avatar
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 ...
Varun's user avatar
  • 11
0 votes
0 answers
53 views

what is the correct header should pass in angular 8 formdata to upload excel file

When i am uploading a excel file , i found 0 value in Api HttpContext.Current.Request.Files.Count=0 But when I test in postman i am getting HttpContext.Current.Request.Files.Count>0 Please suggest ...
sujitsahoo2007's user avatar
0 votes
0 answers
119 views

ERROR Error: Uncaught (in promise): Error angular universe

When I try to run my Angular universal app using npm run serve:ssr it displays the below error in a terminal window. Node Express server listening on http://localhost:4000 ERROR [NetworkError] ERROR ...
Avinab Rout's user avatar
1 vote
0 answers
830 views

Enable Image zoom functionality in Angular 8 application

I am trying to add image zoom functionality in Angular 8 application. Checked ng-img-magnifier and ngx-image-zoom which are not supported with Angular 8. Found this link to implement zoom which works. ...
SB24's user avatar
  • 125
0 votes
1 answer
676 views

Error: NG0204: Can't resolve all parameters for AuthService: (?). angular 15

I was upgrading an angular app from angular v8 to v15 it was upgraded successfully and smoothly, and it also compiled successfully but when i try to open it it gives me this error Error: NG0204: Can't ...
heba_ibrahem's user avatar
0 votes
0 answers
54 views

send message from angular app to child iframe in same origin

I have angular 8 app and a component which has iframe in it. The iframe is from same origin(same domain). i want to send data from a form in component to iframe. How can i do it and what is best way ...
Smith's user avatar
  • 1,357
0 votes
0 answers
102 views

How to add custom checklist plugin in Froala Editor in angular 8?

I've tried to implement custom plugin of checklist using below code, by making custom plugin and assigning it to FroalaEditor.PLUGINS, it seems something missing, it shows checklist label that I've ...
DPariya's user avatar
0 votes
1 answer
123 views

Is it possible to set expiry time of a dynamic QR code in Angular 8

I am generating a dynamic QR code in Angular 8 application using angularx-qrcode library. After scanning the QR, user will be navigated to a third party app. The QR code should be expired at same day ...
SB24's user avatar
  • 125
0 votes
0 answers
199 views

Create a custom dropdown component with checkboxes in angular

I want to create a dropdown using angular multi checkbox, but I'm not sure how to do it in the "Angular way", that component will use in some places as a form control. <app-custom-...
user9081655's user avatar
-1 votes
1 answer
111 views

how to find an array with a particular value and map to another array in Angular 8

I have an array this.data that has an array of platforms and platforms has an array of sectionlist ( sectionList is an array of few values like sectionName , sectionid, sectionVal etc. ) I need to ...
Margerine's user avatar
  • 183
0 votes
1 answer
155 views

How to convert XML file to JSON in Angular 8?

I have tried to import on this way: import { NgxXml2jsonService } from 'ngx-xml2json'; For some reason the import doesn't work. Here is some other code: let parseString = require('xml2js')....
Ram's user avatar
  • 1
0 votes
0 answers
241 views

How to use "this" in D3.js in Angular 15?

I migrate an Angular 8 project to Angulr 15. In Angular 8, using d3 (circlepacking) I created a visualization. I Angular 15 I have the following problem: I use .on("mouseenter", showTooltip) ...
a a's user avatar
  • 49
0 votes
0 answers
72 views

Screen freezes when huge content is pasted on tinymce richtext editor

Im using tinymce editor(version 5 excluding premium plugins - angular 8) and whenever i paste huge content in the editor or if i set huge content to the editor form control, screen is getting freezed ...
Monika's user avatar
  • 1
0 votes
2 answers
693 views

Display Reactive form data on same page after click on Save button in Angular10

I have a reactive form and once user click on Save button it should show the save data on the same page in a block and once user click on Submit it should call the api. How can I show the reactive ...
Ana's user avatar
  • 31
0 votes
0 answers
64 views

How to use es6-promise-pool in angular8

I'm not able to use the es6-promise-pool npm package in my angular porject. Because, This package is not export Promisepool variable. How to use this package in angular?
Jai Kumaresh's user avatar
0 votes
0 answers
91 views

How to add another table outside ng-container in angular

I have below response [The response]([enter image description here][1]) And I need to display frontend I have html code as <ng-container *ngFor="let index of Object.keys(testData)">...
test's user avatar
  • 1

1
2 3 4 5
95