Questions tagged [angular7]
Questions about Angular version 7, the web framework from Google. Use this tag for Angular questions which are specific to only version 7. Use tag Angular for any Angular questions which are not specific to an individual version.
angular7
5,211
questions
0
votes
1
answer
68
views
Error for angular 7.2 Data path ".builders['application']" should be object
I have an angular project that I have to clone first from a git source before proceeding with working on it, I cloned it, the angular version was 7.2, My nodejs i updated to 20.15.1 LTS and angular is ...
0
votes
0
answers
16
views
Angular 7 to angular 8
I am trying to upgrade my Angular 7 project to Angular 8. I've followed the necessary upgrade steps, including updating packages and configurations. However, when I try to run the project with ng ...
0
votes
0
answers
45
views
Angular upgrade 7 to 8
When I use this command ng update @angular/cli@8 @angular/core@8
I'm encountering an issue while trying to update Angular CLI and its core packages:
Package not installed: "@angular/core". ...
0
votes
1
answer
40
views
How to add custom message in dropdown in Angular 7 instead of ngui-auto-complete in this code?
I tried adding a custom message in the dropdown when no character matches are found in the dropdown list. Here is the code for the same, which uses ngui-auto-complete to show "No Result Found&...
0
votes
0
answers
15
views
Not able to implement Okta in Angular7
I am trying to implement Okta in my Angular7 in my application. I am getting the error when I do ng serve.
"@okta/okta-angular": "^3.2.2"
"@okta/okta-auth-js": "^5....
0
votes
0
answers
31
views
Enabling SPNEGO security in Angular
How we can enable SPNEGO security in Angular 7 so that application will be secured?. I am having WebSphere version 8.5.
I want to enable SPNEGO in angular application so the it will be secured and ...
1
vote
1
answer
174
views
'nz-alert' is not a known element
'nz-alert' is not a known element:
If 'nz-alert' is an Angular component, then verify that it is part of this module.
If 'nz-alert' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@...
1
vote
1
answer
40
views
How to expand and collapse table row in angular 7
I am trying to expand and collapse each table row without adding new properties(expanded1 and expanded2) in the json data. How to do it. Is it possible or not?
app.component.ts:
export class ...
1
vote
1
answer
60
views
How to add new property in the json data without adding in the interface using typescript or javascript
I am trying to add new properties inside the josn data without adding in the interface. But i am not able to add it.So, How to add new properties in the json data. Is it possible or not?
app.component....
0
votes
1
answer
265
views
How to expand row in a table using typescript or javascript
I have used angular 7.I am trying to expand and collapse table row by clicking name and place. But it is not opening properly.
If i click place name, that place details only i want to show. But in my ...
0
votes
0
answers
96
views
Export charts to PDF in Angular 7
I have a page with three tabs on it. When I click on each tab, a component is rendered that contains numerous charts and graphs using high-charts. At the top, there is an 'Export to PDF' button. When ...
0
votes
0
answers
69
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 ...
1
vote
1
answer
187
views
matMenuTrigger openMenu not showing the menu when called with *ngFor
Good evening, I have this component:
HTML
<button mat-menu-item
#leagueMenuTrigger="matMenuTrigger"
[matMenuTriggerFor]="leagueMenu"
(mousedown)="onMouseDown(...
1
vote
0
answers
1k
views
TypeError: Cannot read properties of undefined (reading 'hasOwnProperty') on Angular 7
What causes this error? Work perfectly on local, yet in server, when I click on the button that triggers the next page this shows up and broken the load. It's a core error I can't find what is caused ...
0
votes
1
answer
82
views
Angular 7 stripping out duplicate properties in SCSS
Angular SASS (.scss) stripping out properties. How do I prevent this so I can embed duplicate properties for cross browser compatibility?
To duplicate, create a new angular 7.2 project
{
"...
1
vote
1
answer
92
views
Data is not rendered with mat-table [datasource] although it exists and is rendered with the "json" pipe
I am implementing a table with mat-table. I want to bind the data source to an array whose data is fetched by an API. When I fetch the data using httpclient and subscribe to the result, the table ...
0
votes
1
answer
16
views
I am facing one peculiar issue while running angular application [Angular 7]
Angular is compiling continuously when I save the changes. I don't know why I am facing this issue.
This is the issue
Some additional details :
Application specific package versions
Global package ...
0
votes
1
answer
189
views
Azure ad redirect loops in S3 bucket. Works fine in local
I am using angular 7 application. https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/samples/msal-angular-samples/angular7-sample-app
I used this sample application too. I ...
0
votes
0
answers
130
views
Angular 7 - PDF file not opening
I am using Angular 7 for front end application and CakePHP for backend. On click of a button, a pdf file should open in the new tab. When I am trying to open it, instead of opening pdf file(url:"...
2
votes
3
answers
1k
views
Keep right click context menu on the screen
I have created an typescript component for my Context Menu and everything is working great except when the Context menu is activated near the edge of the screen it will go past the edge of the screen ...
0
votes
0
answers
47
views
regex not working for angular 7 input pattern
What I tried
field: {
"pattern": "((?!(demo case)).)*"
}
<input matInput spellcheck="false" [formControlName]="field.key" [id]="field.key"...
0
votes
2
answers
41
views
Facing problem calling my date service in my homepage.ts ionic
so i am using firebase annd ionic to get list of notes in my fire base db but whwn i try to retrieve them i get the
error in my home-page.html src/app/home/home.page.ts:19:12 - error TS7006: ...
1
vote
1
answer
226
views
Ionic app - the app references non-public selectors in Payload determineAppInstallationAttributionWithCompletionHandler:, lookupAdConversionDetails"
Unable to upload ionic 4 app to the apple app store ( Xcode version - 14.2 (14C18) ). we are getting below error.
the app references non-public selectors in Payload ...
0
votes
1
answer
1k
views
How to add a value selected in the dropdown of the reactive form as an optional field in the object that creates the form?
I've created an angular reactive form. I can enter the name as a normal input field and type in the second dropdown field and the value for that type. There is a type called credential, after ...
0
votes
1
answer
352
views
Angular 7 - Post method called twice on 400 Bad Request
I have a angular application with login page. We have set the max no.of retry attempts which is configurable. The login page is working as expected on success. The issue is on failure. The no.of retry ...
1
vote
1
answer
2k
views
Angular 7 router.navigate() queryParams - parsing multiple values for the same param
So, basicaly I have a route to which I have to pass a few values, but they are all regarding the same parameter. This is the URL I wish to navigate to:
http://localhost:4200/home/path?status=1&...
0
votes
1
answer
411
views
Logout action is being dispatched from component but not a reducer and not effect called
I have a topbar component in an Angular application where an Action is dispatched for logout
this.store.dispatch(new Logout());
now this supposed to call Reducer which will return initial state
...
1
vote
1
answer
1k
views
cdk virtual scroll issue when ever scrolling it down items are getting displayed slowly and sometimes blank for 2 secs
i am using angular virtual scroll in project so when ever i am scrolling it down items are loading but flickering for micro sec
trying with maxBufferPx and minBufferPx and positions to fix but not ...
-1
votes
2
answers
118
views
What angular version I need to run SurveyJS..?
Recently I have been facing issues in SurveyJS with angular v7, Earlier it was easily working on angular version 7 but now For few months I am facing error of 503 connection error. I have tried every ...
-2
votes
1
answer
1k
views
Close ngbPopover on click outside anywhere other than scrollbar
I am using an ngpopover in my Angular 7 project to help user select date range.
I have created a daterange component implementing Onchanges and I am importing this wherever I need the ngbpopover.
What ...
0
votes
0
answers
246
views
Error in Typesense Node Modules When using Typesense with Ionic 4
I am getting the following output when running ionic serve in my project directory:
ERROR in node_modules/typesense/lib/Typesense/Documents.d.ts(2,13): error TS1005: '=' expected.
[ng] node_modules/...
0
votes
2
answers
1k
views
Angular7 Ng-Multiselect-dropdown Its Adding Dynamically but not updating
<ng-multiselect-dropdown
[settings]="settings"
name="cuisine"
[placeholder]="'select '"
[(ngModel)]="data1"
...
0
votes
1
answer
421
views
Duplicate id attribute value "x" found on the web page
I am using Angular 7 - three components [a, b, c] use an input element that has the id of [x] however, component [b] has 4 input elements using id of [x] aswell. This raises Accessibility Issues - as ...
0
votes
1
answer
92
views
calcuate value getting the error : ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked
I need help to solve the problem, I need to show value, that calcuate by the forgroup data, because it changes I guess the error shows, but I tried many ways to solve it(like ngAfterViewChecked etc..) ...
0
votes
2
answers
521
views
Angular component does not update correctly using @Input and a Service
I'm using Angular version 7 with a component that has a serie of divs being rendering according to the data coming from an @Input and it should be updated due the service response, nevertheless the ...
1
vote
1
answer
800
views
Restrict the multiple tabs to open in a same browser
In my application, it should not allow the user to open the application in multiple tabs for same browser. I need to implement this for some security purpose. How can I implement this in angular 8?
1
vote
1
answer
637
views
load multiple script tag in angular component
I'm trying to load a series of scripts from a component of an angular application, I want to do it in a specific component and not in the index.html but I can't find a way to do it, any help or advice?...
4
votes
1
answer
4k
views
Angular 7 - How to bind the value to the radio button
I'm trying to use the radio button on my project but I failed to check the first radio button programmatically.
I had tried the Solution, but it is still not working in my code.
Here is my radio ...
0
votes
0
answers
273
views
I am unable to find some of the features in covalent/core version 4 for Angular 12 which are found in version 3
I am using covalent/core version 4 in my Angular 12 project and unable to find the covalent/core/loading, covalent/core/media and few more libraries which are available in the covalent/core version 3 ...
2
votes
1
answer
64
views
Css from child component will affect the entire page
I have a page and the page is split in two. Part of the page is child1, part is child 2.
Hierarchy
Parent
Child1
Child2
Below are the css included in the page
Child1 -> z-index: 1
Child2 -&...
1
vote
1
answer
917
views
Filtering of Array using filter() works fine, but doesn't change in frontend
component.ts
searchVideo = (search: string) => {
this.query = search;
if(this.videos.length == 0){
this.filteredData = [];
}
if(!this.query){
...
1
vote
1
answer
690
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.
0
votes
1
answer
9k
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/...
-1
votes
1
answer
2k
views
Why my min and max validation is not firing?
I have the template like below:
<form class="form" [formGroup]="configWeightage">
<div class="example-container">
Enter value in between 0 to 100 <...
2
votes
2
answers
778
views
Checking the timeout error on the port with Angular 2 and rjxs
I want to check if the request is timeout when I send a request to the port. I just want to print an error when the request is timeout.
myService.service.ts
checkStatus() : Observable<any> {
...
0
votes
0
answers
686
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
1
answer
191
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
1k
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
1
answer
150
views
How to add the missing numbers with this code and only doing it when a variable is 0 in angular 7
What this functionality does is that for each priority it will rebalance the percentage (Participacion) in equal parts. The problem occurs in odd cases, for example when there are 3 priorities(...
-2
votes
2
answers
2k
views
How to Sort and Map an Array on Angular 7
i have this array:
myArray = {
[0]{priority: 1, percent: 90, correct: true}
[1]{priority: 1, percent: 20, correct: true}
[2]{priority: 2, percent: 50, correct: true}
[3]{priority: 2, percent: 50, ...