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.
4,721
questions
0
votes
0
answers
8
views
How to resize the application display on android after building from Ionic Web
Please click here to View My application when run on Web
This Image is the view when the Application runs on Android Device
This is how my application looks (img is sample home page) but after the ...
0
votes
0
answers
23
views
Disable right context menu from powerbi visuals
I am using powerbi-client to embed Power BI reports into Angular8 project. I do not want to show right context menu on Power BI visuals by disabling a right click on angular side (highlighted in red ...
0
votes
1
answer
26
views
Unable to Push multiple values array into keys array into a single Array using javascript
I have a Keys Array and Multiple Values Array . I want push values array into keys Array .
Example :-
data[0] :['ktCalender', 'presenter', 'emailId', 'topic', 'status'] // Keys
[1] : ['...
0
votes
0
answers
9
views
kendo grid - array data not showing in the excel format after download in angular 8?
I have to implement Export to Excel functionality via kendo-grid in angular single value data is printed but in case of array its not rendering the array value in excel after export can anybody let me ...
-1
votes
1
answer
16
views
Cancel Long Running Method on Button Click Angular with .Net Core
Am working on Angular 8 with .Net Core, In my page if have two button "Search" and "Cancel Search". Is there a way to abort the Search button request when "Cancel Search" ...
0
votes
2
answers
42
views
List of timezones with cities
I'm trying to display the dropdown list of timezones with few cities each timezone like:
UTC +1 Amsterdam, Berlin
UTC +2 Athens, Bucharest
UTC +3 Kuwait, Baghdad
However for example Amsterdam during ...
0
votes
0
answers
48
views
Angular 8: ng build production stuck at 11% and system hangs not able to create production build
I am using Angular 8 and trying to create production build.
Here is the configuration
Angular CLI: 8.1.3
Node: 12.14.1
OS: linux x64
Angular: 8.1.3
... animations, cli, common, core, forms, ...
0
votes
0
answers
11
views
How to set min validator if input value is less than min value?
I am trying to set min validator on formControl while initializing the control. but the thing is if the default input value is 10 and if we set Validators.min(15) then it's throwing ...
-1
votes
1
answer
22
views
How to use Paper.js with angular 7+
I have tried to find a tutorial on how to use paper.js with angular but cant find a proper way to do it.
1
vote
0
answers
24
views
<ngx-tab tabTitle how to give color to string interpolation{{ }} in angular
code:
<ngx-tab tabTitle="Data[{{empListById.length}}]" tabHeading [active]="activeEmpIndex === 1" [bypassDOM]="true">
i need to give color to only {{empListById....
0
votes
0
answers
13
views
Optional class for Angular2 child components
<div class="container">
<router-outlet></router-outlet> //c1, c2, c3 or c4 component
</div>
I don't want the container class to affect my c4 component.
0
votes
0
answers
11
views
how to gat a nested object data or json data in angular8
when is going to access nested object data I got an error don't no where I doing a mistake.
core.js:7187
ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor ...
0
votes
0
answers
19
views
How to apply width for each specific column based on the screen resolution in ag-grid-angular
I am using ag-grid-angular the need to apply specific width for each column should increase or decrease based on the screen resolution.
setColumnWidth was suggested in doc but i did not any example ...
0
votes
0
answers
21
views
Live reload not working in Angular8 with 'ng-build --watch' command on windows
I am working on a 2-year-old Angular8 project.
In order to lunch it to localhost, I do 'ng build --watch', it works fine but I'm trying to figure out why the live-reload isn't working like with ng ...
0
votes
1
answer
10
views
How to give from and to date as filename foe csv file usong ag-grid angular
This is what am trying
fromdate:any = moment.utc.format(yyyy mm dd hh mm )
OnButtonExport(){
FileName: '{{fromdate}}'
}
And same as to date , how could i achieve fromadate and todate as filename....
0
votes
0
answers
30
views
How to make Chain multiple RxJS observables subscribe angular 8?
I work on angular 8 i have multiple subscribe
i need to make Chain multiple RxJS for getactivesession
and after that subscribe PostUpload .
What I have tried:
this._dataService.getActiveSessions(...
0
votes
0
answers
10
views
Angular notification message display problem using angular2-notifications@9.0.0 in angular 8.2.8
I am using angular2-notifications@9.0.0 . It is working fine in some routes.
But in children[{}] it has some issues like:-
{ timeOut: 5000, showProgressBar: true, pauseOnHover: true, clickToClose:...
0
votes
0
answers
30
views
Is there a way to test to Iframe content in jasmine karma
Hi I am new to testing and I am in need to test Iframe content's in Angular to check if there are any broken links with jasmine. Could you please help me.
https://stackblitz.com/edit/angular-xxwf8u?...
-1
votes
1
answer
213
views
My error : error TS2554: Expected 1 arguments, but got 0 . And this: An argument for 'params' was not provided
customer-list.component.ts
onLoadCustomers() {
const customersReq = this.customerService.getCustomers()
customer.servise.ts
getCustomers(params: any): Observable {
return this.http.post(${this.api}api/...
0
votes
1
answer
41
views
Check if Iframe contents are completely loaded in Angular 8 with Jasmine
In my application I have included Iframe. I wanted to test if all the Iframe contents are loaded completely in Angular Jasmine. how do I handle it. Please help me with this.
https://stackblitz.com/...
0
votes
1
answer
40
views
when save excel file on angular 8 get error Failed to execute createObjectURL?
I work on angular 8 I face issue when save excel file I get error as below :
ERROR TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed.
at Function.a [as saveAs] (...
0
votes
0
answers
40
views
Bootstrap 5 style is applied to FullCalendar v5 and Angular 8
I have created calendar in Angular 8 using FullCalendar v5. Without any styling the calendar looks good.
Now I want to add forms to create event on date click, and hence I'm using Bootstrap v5. In ...
0
votes
0
answers
25
views
multiple checkbox dropdown using angular material displays selected value in the field
I have multiselect check box drop down field as below. when the user selects the option the selected value is getting displayed in field and placedholder getting hiddden.
I do not want this behavior ...
0
votes
2
answers
61
views
Sorting a JSON response data in Angular 8
I have to sort the response JSON data as per the approved status. Response data is something like this;
[0]:
adjustmnetfileds: Array(2)
[0]: some data
[2]: some data
adjustments : Array(1)
0:
...
0
votes
0
answers
17
views
Multi Level drill down using D3 and Angular8
I am trying to implement Multi level drill down chart using D3 and Angular9. Tried so many times but chart is not rendering. Can some one guide me the mistake over here
app.component.ts
import * as d3 ...
0
votes
1
answer
104
views
How to edit data of dynamically created form in angular 8
I am new to Angular developmet.In my project,I have a form with dynamically add and remove input box using Add and Remove button in Angular 8 Application. After submitting the form,i want to display ...
0
votes
0
answers
27
views
after cloning the object of form group the get method is not a function
I am clone a object like below since if I do some operation in the parent component the child component is getting triggered which should not be the case so cloning the object.
result is the data ...
0
votes
1
answer
61
views
Angular provider receives JSON but recognizes its content as none
I have two components that depend on a third component function to receive some JSON data.
The function that them both use is this:
getAllPosting(before, after) {
return new Promise((resolve, ...
0
votes
0
answers
25
views
ngx-print scrollable content is not printed when using useExistingCss
I am trying to print a div content with scrollable table. I used ngx-print ver 1.2.1. When I use [useExistingCss] property the scrollable content is not printing, and when I remove that property ...
1
vote
1
answer
35
views
Change value of variable from component to other (non related components)
Is there a way to change the value of the variable called variable1 in the component 2 from component 1 making click in the function of this component ?
Component 1 ts
@Component({
selector: 'app-...
1
vote
1
answer
50
views
How to put every two buttons on one rows with border separate between each row?
I work on angular 8 I need to make web page design using
html and css or bootstrap
my issue i face how to put every two buttons beside
each other with border and after finish first row
go to new row ...
0
votes
1
answer
54
views
min and max validation is firing when i am not using array, but not firing when i use array controls
As you can see in this stack blitz example min and max validation is firing
https://stackblitz.com/edit/angular-mat-form-field-icrmfw
But in the below stack blitz, I have made an array of the same ...
0
votes
0
answers
23
views
How to show data in rows with relation condition using Angular 8 iterating ngFor inside another ngFor?
I need to display data in a table from API json response with 2 arrays. 1st table row with 1st array and 2nd table with 2nd array data only when there is a common value in array 1 and 2.
Array 1 data
...
0
votes
1
answer
47
views
angular mat-checkbox [checked] property is trigger multiple time when the value assigned dynamically
<ul>
<li *ngFor=let choice of checkboxlist.options>
<mat-checkbox [checked]=isChecked(choice) > <mat-checkbox>
<li>
<ul>
in ts file I have function for isChecked ...
0
votes
2
answers
260
views
FormControlName must be used with a parent FormGroup directive when FormGroup is passed to child component
Parent Component
<form [formGroup]="User">
<app-radioButton [group]="user"></app-radiobuton>
</form>
In Radio Component html
<mat-...
1
vote
0
answers
99
views
I need to show an alert when i close the window based on condition it will close the current page and go back to previous page
In angular how do give alert when we close the window and in that if user click yes in alert means it go the previous page and clicks cancel means it maintain the same page
I tried this , but i donot ...
-1
votes
1
answer
27
views
Issue with creating array inside array in angular 8 model
I am trying to create a model named "reportVersion"
This contains an array (ReportCategory) that contains objects collection and two variables one is numeric and another is a string.
I am ...
0
votes
1
answer
84
views
Dynamically created child component need to access parent function
I have 3 TS files as below: 1) Parent-Component.ts 2) Child-Component.ts 3) Service.ts
We have a button click event in Parent-Component.ts which call the function in Service.ts and this function ...
0
votes
0
answers
73
views
Why angular redirectTo is not working on IIS?
I am new to Angular deployments. So today I tried deploying an angular app to local IIS.
In one scenario, I was able to see the UI.
Scenario 1: Initial route should be navigated to “sample” and ...
-1
votes
3
answers
162
views
How to get month name for a given year and week in Javascript
I have 2 form fields in HTML namely Year and Week.
Once the user selects a Year and a week from the dropdowns, I want to display the month Name for the selected year and week.
Can anyone help me to ...
0
votes
0
answers
63
views
On scroll horizontal content in Angular 10
I am trying to create a horizontal scroll on mouse wheel. when I scrolled content1 to content got stuck and when I move the up the scroll it worked properly.
please check on the link and give the ...
0
votes
2
answers
75
views
How to Sort multiple fields in Angular 8
I have 2 dropdown in HTML, namely Sort By and order by.
Sort - ['SKU', 'Planned', 'Actual', 'Variation', 'OR%']
Order By - ['A-Z', 'Z-A'];
In UI user will select Sort dropdown and Order By dropdown,...
0
votes
0
answers
29
views
Override Kendo CSS with a condition
In the image, I want align my leaf child node by putting some css property inside k-treeview, k-item.
The problem is, it has to be only at the child node (which can be at any tier level).
Is there a ...
0
votes
1
answer
440
views
ERROR TypeError: Cannot read properties of null (reading 'split')
ShortName-Pipe.ts
import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
name: 'shortName'
})
export class ShortNamePipe implements PipeTransform {
transform(fullName: string, numChars: ...
0
votes
0
answers
40
views
Angular library development workflow - Cannot determine module for component
I am working on an Angular 8 application and this project follows a pattern that each of the specific modules developed as a library. For example, the user management section is one library, and ...
1
vote
0
answers
52
views
Angular 8 @angular/core/core"' has no exported memberafter installing angular-datatables
I have installed angular-datatables after adding reference into my component. I run the ngServe and got an error message:
ERROR in node_modules/angular-datatables/src/angular-datatables.directive.d.ts(...
0
votes
2
answers
443
views
How to populate data in ngx-quill editor with formatting maintained?
I am able to create ngx-quill editor in angular.
I am not able to understand how to populate the data in the editor though.
quill editor returns html and well as delta object. I dont see any option on ...
0
votes
0
answers
18
views
Angular 8 Issue - npm start
I recently started to work on Angular 8, everything went well but from last 2 days I am randomly receiving following error. I am using Node v14.18.1 and ng --version output is this
@angular-devkit/...
0
votes
0
answers
29
views
Needs some consulting regarding upgrading Angular 8 to latest
We need to upgrade a project built by angular 8.2, i was wonder if i could get some tips and explanations about the process:
what are the risks - which blockers should i anticipate?
what's the best ...
0
votes
0
answers
48
views
Angular 8 => ng build --prod is taking too long
We have an Angular project, and we're trying to build it with --prod option.
The problem is, it took 2 hours and 36 minutes!
we have to do this repeatedly every week. So that is lot of wait time.
We ...