Questions tagged [angular6]
Questions about Angular version 6, the web framework from Google. Use this tag for Angular questions which are specific to only version 6. Use tag Angular for any Angular questions which are not specific to an individual version.
7,870
questions
0
votes
0
answers
26
views
AG gird angular setmodel function not filtering the grid
Below is the code which I wrote to filter the grid.
when the setModel is null then it is filtering properly but when I try to set the model the grid shows empty. I don't have any clue why is it ...
0
votes
0
answers
84
views
ERROR in node_modules/@coreui/angular/lib/sidebar/app-sidebar.service.d.ts(7,20): error TS1005: ';'
I have a Angular project currently running on Angular version 6, upon running 'ng serve' for development environment, I'm getting following errors;
ERROR in node_modules/@coreui/angular/lib/sidebar/...
0
votes
0
answers
84
views
Angular create PDF file and download it based on API response which has PDF text in binary format
In Angular 6, I am getting response from API as a binary text of the PDF. I need to get response text and make PDF file and open it in new window.
Here is the my code in Angular 6. I also attached the ...
0
votes
0
answers
31
views
Angular upgrade to 15 and ngModal issue
I am upgrading my angular 6 application to angular 15.0.2, after successfully installing node_modules(package.json as below), when I ran ng serve it started giving me error as error NG8003: No ...
0
votes
1
answer
396
views
How to validate mat input text field inside a mat table in angular 6?
I have a mat table in where Im getting values from backend and displaying. Now Im trying to add a new typeable field "cmnts", where it should be a text field and have validations. My issue ...
0
votes
1
answer
21
views
Angular 6 : Checking for safe route/URL
In my Angular 6 application, I would like to check if the given route does not contain any miscellaneous cross-site scripting code like adding a javascript URL or anything which can expose critical ...
0
votes
1
answer
45
views
anchor tag keyup.enter event not opening up bootstrap based modal
In my angular 6 application, I am having below code as part li tag, wherein clicking on it opens up a bootstrap modal window (not ngbModal), However it is not working on Enter key event of keyboard or ...
0
votes
1
answer
50
views
keyup.enter/space event triggers multiple times on "@fortawesome/angular-fontawesome" icon / Angular 6 project
In my angular 6 application, there is fort awesome icon as below:
<div>
<fa-icon [icon]="trashIcon" class="custom-trash-icon" tabindex="0"
(click)="...
0
votes
0
answers
29
views
ERROR in node_modules/export-from-json/dist/types/index.d.ts(2,13): error TS1005: '=' expected
I'm using angular version 6. After cloning the repo I did npm i. After that I did npm run start and facing this issue as shown below
Here is my package.json file
{
"name": "somaf&...
0
votes
0
answers
31
views
Embed a powerapp url in iframe
getting 400 bad request
I'm trying to embed a Microsoft Dynamics 365-powerapp url in my angular6 application inside an iframe. I'm getting bad request.
2
votes
0
answers
483
views
Failed to run any NPM Command Error: `gyp` failed with exit code: 1
I'm trying to uninstall node-sass using "npm uninstall node-sass", but I am not able to run any npm command as it gives the following error.
Undefined variable standalone_static_library in ...
0
votes
1
answer
22
views
Already I have keyup function in Angular 6 Project, Now I want to apply this function into debounce time. So how can I do that?
Already I have keyup function in Angular 6 Project, Now I want to apply this function into debounce time. So how can I do that ?
I am trying to apply debounce time on keyup function. I want to use ...
0
votes
2
answers
2k
views
How to remove script tags in index.html from Angular Component
<script data-jsd-embedded data-base-url="" data-key="" type="text/javascript" src="js-text-sample.js"></script>
Above is my sample script tag which ...
0
votes
1
answer
895
views
Properties do not exist on type 'MsalService'
I'm encountering some issues when trying to build my program. I started implementing the Azure AD authentication on my interface and it's working fine locally. However, I see some errors when I'm ...
-1
votes
2
answers
252
views
@google-pay/button-angular issue: Cannot read properties of undefined (reading 'pay'),
For the Google pay payments in my application, I was using @google-pay/button-angular in angular
The HTML code is:
<google-pay - button[environment]="current_env"[buttonColor] = "...
0
votes
1
answer
30
views
how to test the following code in jasmine - angular6
We have a service api layer. The angular app calls the api to get or post the required information
I have a service function which uses map and mergemap. First to post and then get the data.
I am not ...
0
votes
1
answer
84
views
Angular 6 changing a variable within subscribe doesn't work
I'm not sure what I'm doing wrong here but my variable is not getting changed inside subscribe(). Below is my code snippet where I'm calling getAllCompanies() from save(). The expectation is that I ...
0
votes
0
answers
66
views
OKTA Logout for Angular6
await this.oktaAuth.logOut() is not redirecting the application to OKTA logout page. The cookies and caches are not cleared.
Could you please suggest a better solution for this?
The okta version used ...
2
votes
3
answers
449
views
Angular - display default value before result of | async
How can I display - until the result of $futureCredit returns?
<span [innerText]="'-'">
{{ futureCredit$ | async | currency:'EUR'}}
</span>
I tried with innerText ...
0
votes
0
answers
80
views
Variables within Angular routes being available in components
Weather (pun intended) it is the heat of the day, or the day of the week (Friday) but for the life of me, I cannot fathom out how to pass data from within a defined route to a component.
In my app....
1
vote
0
answers
52
views
Angular project migration 5 to 6 - Cannot find module '@angular/compiler-cli/src/tooling
I'm migrating my angular project from version 5 to 6 following the steps mentioned here angular migration steps.
I did all steps but when i run the command ng serve, i got the error Cannot find module ...
0
votes
1
answer
329
views
How to solve ng build library Angular?
Aftyer command ng build lib I got this error message:
Error: Cannot find module 'tsickle/src/tsickle'
I have tried to install npm i tsickle no effect.
"@angular/core": "^6.0.0"
...
0
votes
1
answer
728
views
In Angular 6, How to check whether formControl value has changed in each focusout?
I have an @Input variable in a child component - measure is in Inches.
My form has 2 input text controls - 1. Foot 2. Inches
I convert the @Input to foot & inches.
Only if the values changed in ...
0
votes
0
answers
46
views
ngfor display not according to array received
Below is the object i receive from the backend
{
"30-04-2022": [
{
"id": 3,
"user_id": 3,
"amount": 178000,
"created_at&...
0
votes
1
answer
137
views
Nested http calls in angular 6
I am trying to make a nested Http call work in angular 6. Basically, i am trying to iterate through a for loop and make two server side calls, i want to purge the data from those two responses. Whats ...
-1
votes
1
answer
110
views
Adding SL number to a angular table
I have the following table where in the table is generated using an array:
<tbody *ngFor="let ques of questArray;let i =index">
<tr *ngif="catId == ques.categoryID">
&...
-1
votes
1
answer
779
views
Negative validation not working in Angular
I have the following HTML Angular tags, which need to trigger a validation error when there is a negative value entered in any of the groups of textboxes (dynamic array).
<tr *ngFor="let order ...
0
votes
2
answers
724
views
Add click event on element still not in dom
I have to add click event on a anchor element that can load later I know in javascript I can do like this.
document.addEventListener('click', function(e){
if(e.target && e.target.id== '...
0
votes
3
answers
209
views
Conditional reset method "if disable ignore not disable reset" angular
<div>
<div>
<label>Name</label>
<input type="text" [(ngModel)]="name" [disabled]="editData"
</div>
<div>
<...
0
votes
1
answer
483
views
Accessing elementRef inside MatButton. Angular 6
I'm trying to get boundaries of an element. It works well with div, however when I'm trying to do the same with button with angular material directive I'm getting the MatButton object and I can't use ...
1
vote
1
answer
38
views
How Can do some operation once UI rendered completely in Angular8
I want to perform some operation only after UI completely rendered.
Since child component is coming as undefined
child-component is from library (component from another application added as dependency)...
0
votes
0
answers
650
views
how to reduce the file size for uploading?
file upload gets a 413 error when uploading a file greater than 40mb.
Here i send the file attachment parameter as an base64string. For a 40mb size file , also gets a long base64 string.
so how could ...
0
votes
2
answers
369
views
How can I disable two textboxes when a checkbox is checked? I am using Angular 6
form.html
<input id="okornot" class="form-check-input" type="checkbox" name="chkbx1" formControlName="" (change)="checkBelts($event)" /&...
0
votes
2
answers
2k
views
Angular6 Can't use ternary operator in ngClass with multiple entries
I'm trying to add multiple classes by ngClass, and I'm confused as to why I can't use ternary operator here.
<div [ngClass]="{'otherClass': otherFlag, classFlag ? 'class--true': 'class--false'}...
0
votes
1
answer
57
views
Can't serve Angular 6 on Windows 10
I'm having a problem serving an Angular 6 project in a PC with Windows 10.
I have the Angular CLI installed with version 11.2.18 and the ng command works, but when running ng serve it throws this ...
-3
votes
1
answer
537
views
Fetch input values created by ngFor on button click Angular
I have an input field which is being generated using *ngFor and I want to capture all those values inside the input field on submit button click. I have tried all possible ways but not able to get the ...
-1
votes
2
answers
2k
views
Use ngFor for showing data in two different places from same Array Angular
I have a single array whose data I need to display at two different sections using *ngFor. Like I have two sections: Section 1 and Section 2. From the below array I need to display keys having values ...
-1
votes
1
answer
93
views
onclick radio button make textbox value null and hide textbox
I want to calculate the amount
Eg: product cost
material
GST
So if i Enter product cost, material cost(uses radio button) and GST it will show the result but the issue is when i click on no option the ...
0
votes
0
answers
1k
views
ERROR in node_modules/pdfjs-dist/types/src/display/api.d.ts(678,29): error TS1005: ';' expected
I have a project that is still using Angular 6.
I upgraded NodeJs to 14.18.1 and fixed the node-sass issue with version ^4.14.1.
When I execute "npm run start:local" (running local at port ...
2
votes
0
answers
239
views
How to fix my angular page from flickering on every rest call in settimeout()
I have checked numerous stackoverflow questions and have not found a solution for the way I am trying to achieve things.
Please bare with me as I am an amateur in angular 7.
So what I have done is, I ...
3
votes
1
answer
863
views
Error: Local workspace file ('angular.json') could not be found when upgraded to Angular 6
I have upgrading my project from Angular 5 to Angular 6. When I try to run the application using npm start it is throwing a below error.
I know that there is already questions like this that has ...
0
votes
0
answers
27
views
Property 'subscribe' does not exist on type 'BehaviorSubject<Dictionary>' [duplicate]
I am using BehaviorSubject for the communication between components. But when I try to subscribe, it is throwing an error as "Property 'subscribe' does not exist on type 'BehaviorSubject'."
...
1
vote
1
answer
368
views
Property 'subscribe' does not exist on type 'Observable<any>'
I am trying to get data from googleTagmanger. But I am getting error as "Property 'subscribe' does not exist on type 'Observable'" Below is my code.
this.translate.get('newtest....
0
votes
1
answer
105
views
Repeat input type file when user enter number
If user enter integer inside textbox eg:3 then the file uploader will display 3 time
i am start learning angular so it will be great if some give me solution.
here is link:https://stackblitz.com/edit/...
0
votes
1
answer
561
views
Module not found: Error: Can't resolve '@ng-plus/signature-pad'
I am working on an angular6 project tried to add a signature pad but after installing the package npm install @ng-plus/signature-pad --save the error message is showing
ERROR in ./src/app/app.module....
0
votes
2
answers
869
views
is there any ways to detect the application is currently in which platform like mobile or web?
I have to run my application on web and mobile platform simultaneously. But have to know the platform is mobile or web?. According to which platform is switched, I have to slightly change the code ...
1
vote
2
answers
571
views
How to define a model class in angular8(TypeScript) or above for nested JSON response coming from SpringBoot backend code
I want to define a model class in angular8 for the below nested JSON response.
JSON Response:
{
"message": "All Users fetched",
"status": "Success",
"...
0
votes
2
answers
911
views
ERROR TypeError: this.signaturePad.set is not a function
I am developing an angular6 project with ngx-signaturepad. I followed the documentation https://www.npmjs.com/package/ngx-signaturepad but I am getting the error
'ERROR TypeError: this.signaturePad....
-4
votes
2
answers
4k
views
How to loop through array of objects in angular 6?
I am very new to angular and I am assigned to a task where I want to get data from an API and iterate and display it in a chart. My angular version is 6.
This is the response JSON format, It is a ...
4
votes
2
answers
2k
views
How to fix ERROR in node_modules/chart.js/types/animation.d.ts(20,37): error TS1005: ',' expected. in chart.js
I am working on an Angular 6 project where I want to create some charts using chart.js.
I installed chart.js using npm install chart.js and its version is like 3.5.1.
My TypeScript version is like 2.9....