1,906 questions
1
vote
1
answer
274
views
How can I prevent WhatsApp Web from opening a new tab when a WhatsApp Web tab is already open?
Is it possible to prevent the WhatsApp Web URL from opening in a new tab if a WhatsApp Web tab is already open?
const msg = "*Greetings From "+this.previewData.unit_name+" "+this....
- 113
1
vote
1
answer
327
views
Is angular-highcharts npm package compaitble with highcharts >= 7 for Angular 9.1.13 migration?
I am migrating angular 8 app to angular 9.1.13, highcharts are implemented in my app and I am trying to update highcharts as well. For that I am updating highcharts from 6.2.0 to v7.2.2 and angular-...
- 266
2
votes
1
answer
4k
views
How can i use angular-calendar in Angular 17?
I'm converting Angular 9 project into Angular 17 and one component got angular-calendar plugin which was last published an year ago,
in component.html it's implemented like this,
<mwl-calendar-...
- 1,118
0
votes
2
answers
118
views
update angular 8 to 9
I am trying to update from 8 to 9 I get this:
Using package manager: 'npm'
Collecting installed dependencies...
Found 85 dependencies.
Fetching dependency metadata from registry...
Updating ...
1
vote
0
answers
107
views
NullInjectorError: R3InjectorError(XO)[AEe -> mu -> mu]: Error while Upgrading angular version 9 to version 17?
I am trying to upgrade angular v9 to v17. So move with the approach by upgrading all packages that support version 17. After that, I fixed all the errors that came in the terminal. so at last I got ...
- 11
-1
votes
1
answer
2k
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 ...
- 1,756
1
vote
0
answers
29
views
angular lib skip resolve npm package
I have a angular lib and it is named 'ngx-qwe'.
The 'ngx-qwe' quote a npm package 'ngx-asd'.
The 'asd' package has build error when i build 'qwe'
I use 'ng build ngx-qwe --configuration production' to ...
- 11
1
vote
1
answer
55
views
Creating an array of observables based off a condition and then reducing that array to one observable
I have two types of observables A & B, they return the same item type but are accessible by separate APIs. With a list of id's which can be for either A or B.
These observables return data for a ...
- 11
0
votes
1
answer
252
views
How can I set observables based off a condition in a for loop and return them as one
I need to loop through a list of id's, checking each for an if condition and then based on the result of that if condition, get an observable from a method. I need to list the returned observables ...
- 11
0
votes
0
answers
39
views
Load components from an array of selectors
I have a list of components:
public entrys: any[] = [
'<component1></component1>',
'<component2></component2>',
'<component3></component3>'
];
I want to display ...
- 522
0
votes
2
answers
354
views
Not able to serve my angular app after upgrading from Angular 8 to 9
My angular project is currently running in Angular 8 and I use HeroDevs\Hero-Loader (https://www.npmjs.com/package/@herodevs/hero-loader/v/2.0.1) for lazy loading of modules for a page containing tabs....
- 313
0
votes
1
answer
64
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"...
- 7,875
3
votes
1
answer
266
views
How to remove expand button if no child exist ngx-datatable
I am using the following code for generating tree view in ngx-datatable:
HTML:
<ngx-datatable
[rows]="rows"
class="material"
[loadingIndicator]="false"
[...
- 3,345
0
votes
1
answer
1k
views
How to open component in new browser tab in angular from another component
I want to open a component in new browser tab from another compoent.
Here in my AppComponent html file has a button. when I click on this button I want to open
MapComponent.html file in new browser ...
0
votes
1
answer
1k
views
In angular how to open new tab from component
I have simple angular application with two component. I want to open one component in new tab.
Here is my application.
In my AppComponent.html file there is a button. when I click on this button I ...
1
vote
1
answer
101
views
Calling dispatch in a sequence in ngrx StateManagement
I have the following code which uses ngrx for state management. I am relatively new to ngrx and while I understand that this.store.select is used to subscribe for any state change , I have the ...
- 335
1
vote
1
answer
101
views
Chart.JS - Implement multi-bar chart
I implemented Chart.JS in my Angular 9 application. The chart is not rendered as expected.
ngOnInit(): void {
this.smdashboardservice.fetchSmDashboardData().subscribe(response=>{
//let data =...
- 671
0
votes
1
answer
66
views
Count sub-label based on label
In my Angular 9 project, I want to split an array based on lable, then inside the array, I want to take count based on subLable.
This is my array:
[
{"id":1,"socialMediaId":0,&...
- 671
1
vote
1
answer
3k
views
NPM Error old lockfile The package-lock.json file was created with an old version of NPM
package-lock.json creating problem for upgrading Angular 9 to 10
How can I create a fresh package-lock.json file and update Angular 9 to 10?
I want to update Angular 9 to 10 and want to solve this ...
- 33
1
vote
0
answers
109
views
An unhandled exception occurred: request to http://registry.npmjs.org/@angular%2fcli failed, reason: socket hang up
{
"name": "ez-new-architecture",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng ...
- 33
0
votes
0
answers
502
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-...
3
votes
3
answers
5k
views
Display date using ngModel in angular
I have an input field and code is as follows:
<input type="Date" [(ngModel)]="data.date">
Format of data.date is "2023-04-01T00:00:00.000Z" . I want to show date ...
- 99
0
votes
2
answers
1k
views
Changing Tabs CSS [closed]
I am working on mat tab. My code is as follows:
<mat-tab-group>
<mat-tab [label]="tab" *ngFor="let tab of lotsOfTabs">Content</mat-tab>
</mat-tab-group>
...
- 99
1
vote
0
answers
316
views
Angular 9: Hashing files in assets folder during deployment
I am using Angular 9 and the angular.json file that include all my build process.
Problem:: I want to hash files inside my assets folder but only the files directly inside the wwwroot folder are ...
- 435
0
votes
1
answer
2k
views
Is there any method to call a function on clicking a date in mat-datepicker other than dateChange in angular 9?
I need to call a function upon clicking a date in mat-datepicker. dateChange only calls a function if the selected date is changed. I need that function to be called if i click on the same date which ...
- 113
1
vote
1
answer
2k
views
How to use Mapbox style using JSON file
I am trying to add style to the map. I go through the Mapbox site and try to understand how to read JSON style and use it in the application. So this is the JSON file I got from the Mapbox site.
{
&...
- 45
1
vote
1
answer
522
views
How to pass angular css class to html page
In my component.css file I have a class.
.blur-map-report {
filter: blur(8px);
-webkit-filter: blur(4px);
}
In my component.ts file has property something like this
hasError = false
In my ...
- 45
0
votes
0
answers
50
views
call child component method from parent component in angular
when I click on the about ceo link on the dashboard component it should trigger load click function. about ceo component loading on dashboard component as in router-outlet
// Dashboard component ...
0
votes
1
answer
1k
views
Angular Try Catch error handling for 404 not found
I am getting data from a JSON file using an HTTP client. After using subscribe I am reading the JSON data. Here I want to check if the path is wrong to wish to send a 404 not found error message.
...
- 45
0
votes
0
answers
110
views
Get form data posted back from another website in Angular 9
I'm redirecting to a payment form which is hosted on a bank page.
This is the code I use to do that:
const form = document.createElement("form");
form.method = "post";
form.action =...
- 8,325
0
votes
0
answers
125
views
Angular 9 : TypeError: Cannot read properties of undefined (reading 'accesToken')
I am trying to read access token from JSON file. here from child component I am calling to MapReportConfigModel class. Inside the class I applied getMapConfig() method. using that method I am getting ...
- 45
0
votes
1
answer
425
views
How to read data from JOSN file with Angular Observable
I have a JSON file called reportConfig. I want read that data using angular and typescript.
Here I have added my JSON file
{
"accessToken": "12345",
"style": "...
- 45
0
votes
1
answer
116
views
How to pass a value by url with unvisible in angular 8
I am passing a value by url in angular8. Not able to get the passing value from main component.Also id=2 will be visibl ein the url but gt should not visibile in the url.That's why i am using ...
- 479
1
vote
2
answers
91
views
How to extract array of objects using interface
I have an array of objects with large amount of data like
This is the example data but I am having large amount of key pair values
[{ "id": 1, "name":"name1", age: 11, ...
- 555
0
votes
1
answer
23
views
How to get params value from url using angular8
Trying to get the value from the url using ActivatedRoute.
I am passing id value from dashboard component and trying to get that value from main component.
But not able to get the value. If anyone ...
- 479
0
votes
1
answer
799
views
*ngIf not working in child component in Angular 9
ngIf is not working in child component. There are two sibling components (Release and Assets) and both have a shared component (version-actions), and both the sibling components are essentially inside ...
1
vote
1
answer
658
views
How to refresh the table data in angular 9
Trying to refresh the table data without empty the table data before refresh in angular but it is not working properly. How to resolve this issue.
app.component.html:
<data-table [data]="...
- 479
1
vote
1
answer
151
views
ng2-signalR throwing error after angular upgrade to 9
Recently upgraded to angular 9 able to run but got the below error in certain components where ng2-signalR is used.
enter image description here
enter image description here
Here is the component code
...
0
votes
1
answer
339
views
How to detect changes in child component with respect to changes in the base component - Angular
I have a component profile.component.ts in which there's a variable, this.candidate, which subscribes to and gets updated like this
this.candidateSub = this.store.select(selectCandidateState)....
- 5,263
0
votes
1
answer
1k
views
ngx-datatable disable or enable the checkbox dynamically
I'm using a component ngx-datatable angular version 9. This component has the props [checkboxable]="true" to control the checkbox visibilit.
Problem: I need to control this props ...
- 1,207
0
votes
1
answer
256
views
How to remove specific object from an array using service in angular 9
Trying to remove one object which name is Test1 from the array object. I do not know how to remove that.If i did anything wrong in my code you can correct it. I have used service to update the array ...
- 479
0
votes
4
answers
2k
views
How to update the variable value in the component in angular
Trying to update the carType value from another component.Updated value only working inside the callFun fucntion. Not able to get outside of the callFun function. I am trying to get the updated value ...
- 479
0
votes
1
answer
166
views
How to remove the value of dropdown one component to another component in angular
Trying to remove the value of dropdown from table component to ooptymodel component. I have used input and output decorator. But that is not working here. So, How to remove the value of dropdown from ...
- 479
0
votes
0
answers
425
views
Extends MatDialog in Angular 9 - Types have separate declarations of a private property '_attachDialogContainer'
Code was working fine before I upgraded angular 8 to 9. Upgrade has added Injectable decorator before the class and now its giving an error. I have deleted the other functions which are written but ...
-1
votes
3
answers
835
views
Dependency issue while upgrading to Angular 9 for jodit-angular
Getting the below error while trying to run the command npm install after the angular migration to version 9.
Error
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While ...
- 1,545
1
vote
1
answer
1k
views
Angular's (9.1.15) MatDialog .afterClosed().subscribe() returning undefined, despite sending data on .close(..) method
I'm working on a project making use of MatDialog on several instances.
In this particular example, I use two distinct modal dialogs in similar manner, the thing is one works properly as it should, and ...
- 105
0
votes
1
answer
247
views
Angular9-BehaviorSubject is being called multiple times when I switch between channels, even I'm unsubscribing my behavior subject from destroy method
I'm using Socket.io and Angular 9 to build chat functionality. As shown below, I created a service and called for socket connection and event handling.
import { Injectable } from '@angular/core';
...
- 35
0
votes
0
answers
177
views
Type 'Partial<CustomTreeviewItem>' is missing the following properties from type 'CustomTreeviewItem
I am getting this error that Partial Custom TreeviewItem is missing following properties.
The problem is that CustomTreeviewItem is Extended with Treeviewitem class which is the part of 3rd party ...
- 1,164
0
votes
0
answers
626
views
Types of parameters 'key' and 'key' are incompatible
We have recently upgraded from angular 8 to 9 and started getting this error.
Argument of type '(value: any[], key: number) => void' is not assignable to parameter of type 'CollectionIterator<...
- 1,164
1
vote
1
answer
930
views
Increase the height of Filter List AG Grid Set Filter
Currently I am using Ag Grid v27.3.0, and contents inside filter list in Set Filter not being displayed correctly as shown in the below image. Data is not getting wrapped correctly.
Below is what i ...
- 501