Angular7

Great Reads

Getting Started with Angular 7 And ASP.NET Core 2.1

by syed shanu

Getting started with Angular 7 and ASP.NET Core 2.0 using Angular 7 Web Application (.NET Core) Template and ASP.NET Core MVC Application

Angular 7 SPA CRUD With ASP.NET Core And Entity Framework Core

by Mangesh_Gaherwar

Article with Angular 7 and Entity Framework core and .net Core

New Angular Drag and Drop Feature - ngDragDrop

by Sibeesh Passion

A little explanation about Drag and Drop in Angular 7 followed by an application that fetches real data from the database and binds it to the UI and then performs multi-directional drag and drop.

Angular Signals Ported to .NET and C#

by Federico Alterio

Description of a library that allows to use a porting of Angular Signals in .NET MVVM Frameworks

Latest Articles

Angular Signals Ported to .NET and C#

by Federico Alterio

Description of a library that allows to use a porting of Angular Signals in .NET MVVM Frameworks

Virtual List in Angular

by Pranav_

Create a list of huge data without making DOM heavy

Angular Fundamentals - Building an Angular 7 Application with .NET Core 2.2 (Global Weather) - Part 1

by Fred Song (Melbourne)

Demonstrating a series of Angular fundamentals through an Angular 7 application.

Angular 7 with .NET Core 2.2 - Global Weather (Part 2)

by Fred Song (Melbourne)

Angular 7 with .NET Core 2.2 - Global Weather (Part 2)

All Articles

top

Angular7

Angular Signals Ported to .NET and C#

26 Dec 2023 by Federico Alterio

Description of a library that allows to use a porting of Angular Signals in .NET MVVM Frameworks

Angular7

MVVM

CORS issue when angular and web API(.NET core) is used [SOLVED]

19 Apr 2023 by shivangkaul

I have two separate project, one is WebAPI developed in .net Core 2.2 with Windows Authentication and other is Angular. I am stuck in CORS issue. I was able to handle GET request by using withCredentials: true in GET method option as mentioned...

CORS issue when angular and web API(.NET core) is used [SOLVED]

19 Apr 2023 by Marcin Xyz

In ASP.Net Web API, .Net 7.0 + Angular I had exactly the same situation. GET requests worked, but on POST requests I was receiving error (visible in the console): Quote: Access to XMLHttpRequest at from origin has been blocked by CORS policy:...

How to toggle button on and off using angular component ts and class?

28 Feb 2023 by Gcobani Mkontwana

Hi Team I am struggling to create a toggle button to switch and and off, i must only implement component.ts and class to achieve this because other functionality have been implemented already on the background. What I have tried: //...

Typescript

Angular7

How to toggle button on and off using angular component ts and class?

28 Feb 2023 by Andre Oosthuizen

You are almost there. I have noticed that you post a lot of questions, all in different language sets. I would suggest that you rather concentrate on 1 set, read as much as can to master it and then move on to the next. I have googl'ed your...

Typescript

Angular7

When run angular with webapi ASP.NET core project get error

12 Feb 2023 by ahmed_sa

I have application work in asp.net core 2.1 visual studio 2017 work with angular but when run page it show empty page i make inspect inside web page i get error as below Uncaught Error: inject() must be called from an injection context at injectInjectorOnly (core.js:1188) at inject...

When run angular with webapi ASP.NET core project get error

12 Feb 2023 by developer_1605

Try changing the private modifier data to public to make the data accessible in the template. and Make sure to import Inject from @angular/core, and add @Inject decorator in the constructor (note the capital "I").

How to publish ASP.NET core and angular app ?

17 Oct 2022 by ahmed_sa

I work on iis i need to publish web application angular 11 and asp.net core 3.1 on iis (web api ) are there are any web site or video explain that from scratch please my app contain to web api csharp as backend with angular 11 are there are any...

Angular7

angular-cli

WebAPI

How to publish ASP.NET core and angular app ?

17 Oct 2022 by Sandeep Mewara

Follow the following knowledgebase articles: Create an ASP.NET Core app with Angular - Visual Studio (Windows) | Microsoft Learn[^] How to Publish Angular with ASP.NET Core - Code Maze[^] You will have to try and resolve the specific issues if...

Angular7

angular-cli

WebAPI

Which is best for speed applications angular or react on ui ?

6 Oct 2022 by ahmed_sa

I working on web application using web api but i can't determine which frond end tool i will use React or angular 11 my application i use it have more pictures so which is best for performance and speed What I have tried: which too front end...

Angular7

angular-cli

ReactJS

Which is best for speed applications angular or react on ui ?

6 Oct 2022 by Dave Kreskowiak

Your question is un-answerable. You haven't said anything about what you're doing on the "front end" and why speed matters at all. Most web applications, unless you're doing large amounts of processing on data in the browser, do not care about...

Angular7

angular-cli

ReactJS

TTFB delayed 22 seconds (angular7 + IIS server)

6 Aug 2021 by sencsk

We are implementing angular SSR for our website SEO purpose. All the integration then node &inode installation everything done and site is working fine in UAT and QA environments. when we move the patches to production environment we are facing...

TTFB delayed 22 seconds (angular7 + IIS server)

6 Aug 2021 by SeeSharp2

It is probably a configuration issue on the network or slowness with your ISP or datacenter. QA and UAT in the same datacenter? There is not anything we can do other than make suggestions for things to look at and try.

Value of countrows variable give me undefined although I assign it?

11 Jul 2021 by ahmed_sa

I work on angular 7 I face issue countrows variable give me undefined value although I assigned it with value as below Expected result I need is to get value 3 from returned array of object public Countrows:Number; ngOnInit(): void {...

Typescript

Angular7

Value of countrows variable give me undefined although I assign it?

11 Jul 2021 by Richard Deeming

We can't see how your GetcountItems function is defined. But the fact that you're passing a continuation function to the result suggests it's making an asynchronous request. You won't be able to access the results of the asynchronous request...

Typescript

Angular7

How to display message excel not identical on angular 7 when press button upload?

19 Jun 2021 by ahmed_sa

I work on angular 7 app that compare excel file uploaded with schema file excel I have I face issue I can't display Excel Not Identical when press button upload and excel Not identical so if excel file not identical or not same file schema I...

How do I make my textarea has different values?

15 Jun 2021 by HycarlDev

I have 3 quill editors, that I loop and whenever I type in one of those 3, the other 2 will automatically follow. How do I make each editor has its own values? I'm putting it in finalAnswer. This is my subjective.component.ts public...

How do I make my textarea has different values?

15 Jun 2021 by Christian Graus

You have mapped all three textboxes to the same variable. Map them to different ones [(ngModel)]="AnswerSeason" Have an array and access that here

Not show option name data when using auto complete text box on angular 7

31 May 2021 by ahmed_sa

I work on angular 7 project I face issue I can't display option Name when click on auto complete textbox so when click on auto complete text box it not display any thing and not show data related to option Name and that actually my issue so...

How to pass value of selectedownerlevel from angular to web api when action post ASP.NET core 3.1 ?

27 May 2021 by ahmed_sa

I work on asp.net core 3.1 web api server side and angular 7 client side I work on page make upload to single file and it is ok working but when try to pass Number flag with file uploaded I face issue I can't pass value of variable...

How to pass value of selectedownerlevel from angular to web api when action post ASP.NET core 3.1 ?

27 May 2021 by Richard Deeming

The only data you send to the server is the contents of the FormData object, and any data you pass in the querystring. Your URL has no querystring. Your FormData object contains nothing but the file. Therefore, the server has nothing to bind the...

How do I restrict certain words in user input textbox.

12 Feb 2021 by aakar

I want to restrict the below mentioned words in the input text field. Delete Drop where select in my html page built using angularjs. What I have tried: I am comfortable with Javascript but a newbie to angular therefore any help would be...

Angular7

AngularJs

How do I restrict certain words in user input textbox.

12 Feb 2021 by Maciej Los

Follow the tutorials and write proper validator for textbox. See: Angular Form Validation Example Tutorial![^] Angular Form Validation[^]

Angular7

AngularJs

*Ngif syntax issue in angular

28 Jan 2021 by Virendra S from Bangalore, Karnataka

my data: roleName: string this.roleName='GC'; I want to display the some div based on the role. help me with *ngIf syntax What I have tried: *ngIf="roleName =='GC' || roleName =='GCDR'" *ngIf="roleName !=='GC' || roleName !=='GCDR'"

*Ngif syntax issue in angular

28 Jan 2021 by Harshal S. Limaye

You could achieve this using following code: You're a GC user... You're a GCDR user... You could also achieve the same using ngSwitch directive:

Number of decimal place should be change dynamically

21 Jan 2021 by kasimmohamed

Hi, i have a two variable in typescript in angular 9 like amountvalue: number = 21.36548; decimalplace: 3; in html {{ amountvalue | decimalplace }} it result should be 21.365. if the decimalplace = 2; my result should be 21.36 how...

Angular7

Number of decimal place should be change dynamically

21 Jan 2021 by Gerry Schmitz

Use a "variable" to specify the precision. Number.prototype.toFixed() - JavaScript | MDN[^]

Angular7

File created with name [object formdata] but it must be name delivery.xlsx

7 Dec 2020 by ahmed_sa

I work on asp.net core 2.2 Project with angular 7 . I face issue when download file It created with Name [object FormData].xlsx but Name must be DeliveryGeneration_Output.xlsx . Path returned and Created ...

File created with name [object formdata] but it must be name delivery.xlsx

7 Dec 2020 by Richard Deeming

It's going to depend on how you've initialized your exportPath variable, which you haven't shown. However, based on the code you have shown, I suspect you're not handling the upload properly. The name of the uploaded file will be the path, or...

*Ngif syntax issue in angular

6 Dec 2020 by Richard MacCutchan

Angular NgIf DIRECTIVE[^]

CORS issue when angular and web API(.NET core) is used [SOLVED]

23 Sep 2020 by Member 14946965

Hola buenas tardes, en este fragmento de codigo builder => builder.WithOrigins("http://localhost:4200") remplazo por el puerto de mi localhost?

Success response is getting correctly but the error response is not getting angular

2 Sep 2020 by Sandeep Mewara

Based on the image, your error response is in XML format and seems it is expected and being parsed as a JSON. Given the mismtach, you get an error while parsing. Next followup query could be to fix it: 1. Client side, don't blindly assume it as...

Angular7

Success response is getting correctly but the error response is not getting angular

2 Sep 2020 by dvarun

When calling the service success response is getting correctly but error response shows empty in the UI. In the network tab status code is 200 and also in response shows a correct error message but in the console, the tab shows the below error:...

Angular7

Cannot read property 'correlationdepthunits' of undefined - in angular

31 Aug 2020 by Member 11072126

Hi All, Am new into Angular and am trying to load a dropdown with static values (values defined in a .ts file). While am trying to load the array with the values, am getting error msg as: Cannot read property 'correlationDepthUnits' of...

Cannot read property 'correlationdepthunits' of undefined - in angular

31 Aug 2020 by Sandeep Mewara

Quote[^]: ‘Undefined’ is the property of the global object. If you don’t assign any value to a variable is of type ‘undefined’. A code also return the undefined value when the evaluated variable doesn’t have any assigned value. Example: function...

CORS issue when angular and web API(.NET core) is used [SOLVED]

22 Aug 2020 by jprimavera13

This works for me: Web.config

Why do we need to mention explicit cors in node api for angular 9 apps

9 Jul 2020 by Member 12654528

Hi, We have a typical issue, the node api with the below cors configuration works with angular 7.x apps app.use(cors(corsOptions)); app.get('/myapi/', myfunction); But with angular 9.x it throws the cors issue which gets rectified when...

Angular9

Angular7

Google map in angular 7

9 Jul 2020 by Richard MacCutchan

Go to your Google Cloud account and check your usage.

Angular7

Google map in angular 7

9 Jul 2020 by MadMyche

It is pretty much self-explanatory: 1. You used a free trial of a product 2. Your free trial period has ended 3. If you have saved anything to the google cloud from that trial, it may be deleted.

Angular7

How to handle changes on files on git source control before pull last changes?

5 Jul 2020 by ahmed_sa

I'm beginner on git source control I have web application done by angular 7 exist on git source control AND I need to pull last changes to be same changes and files on local and server same . so I will write E:\PartDetails> git pull origin...

How to handle changes on files on git source control before pull last changes?

5 Jul 2020 by karma2447

There are many ways to fix it. Option 1 : A. Do local stash save :> git stash save B. Then do :> git pull origin whaterver-remote-branch-name C. then merge local changes :> git stash pop D. Resolve conflicts if any, and...

CORS issue when angular and web API(.NET core) is used [SOLVED]

27 Jun 2020 by Member 14874844

I have the same problem with asp.net core 3.1 and angular 9. The solution you have illustrated, in my case, does not work. I keep getting the same error: "Access to XMLHttpRequest at 'http://localhost:5000/api/......' from origin...

How to display offlineurl as download link where exist on report control table and columntype=1?

15 Jun 2020 by ahmed_sa

I work on angular 7 I face Issue I need to display offlineurl as download Link where it Exist on report control table and columnType=1 . ReportId FieldName ReportStatus ColumnType 2028 offilneURL Link 1 2028 ...

Typescript

Javascript

Angular7

How do I use captcha in angular 8 with back-end (dot-net core 3.1) verification?

31 May 2020 by MadMyche

Have you tried working with the following block of code found on BotDetect CAPTCHA Angular Module (TypeScript: Angular 2/4/5/6/7/8+)[^]export class YourFormWithCaptchaComponent { // uncomment the line bellow if you use Angular 2/4/5/6/7 //...

C#7.0

Angular8

Angular7

How do I use captcha in angular 8 with back-end (dot-net core 3.1) verification?

31 May 2020 by _ProgProg_

I want to implement captcha verification in angular 8 with back-end verification in dot-net core api v3.1 What I have tried: i tried using BotDetect...

C#7.0

Angular8

Angular7

How to prevent column total count from display on component.html?

24 May 2020 by ahmed_sa

thank you for reply it solved by following code on component.ts this.headerCols = Object.keys(data[0]).filter(x => x !== 'totalCount');

How to prevent column total count from display on component.html?

24 May 2020 by ahmed_sa

I have field total count I need to prevent total Count from display on component.html I already do it but not working if you can tell me how to do that ? I display data dynamically on header column and body data with angular 7 I try using...

How to prevent column total count from display on component.html?

24 May 2020 by ahmed_sa

thank you for reply it solved by following code on component.ts this.headerCols = Object.keys(data[0]).filter(x => x !== 'totalCount');

How to remove item if exist before and add current as new ?

17 May 2020 by ahmed_sa

I need when add statusdate exist before on collectfulldata then remove exist and and add new one and if not exist add it . meaning i dont need two statusdata with same name exist two time . and if statusdata not exist add it . current result...

Typescript

Javascript

Angular7

How to remove item if exist before and add current as new ?

17 May 2020 by Christian Graus

An array has a find method you can use to see if an object exists in it

Typescript

Javascript

Angular7

How add nested loop to ul - li HTML component without use table on angular 7?

2 May 2020 by ahmed_sa

I work on app display dynamic menu based on database SQL server 2012 . I need to modify html component by replace table html to ul and li and add nested loop below to ul and li meaning i dont need to use table and i need to use ul li with same...

Typescript

Javascript

Angular7

Please convert my jquery code for angular 7

5 Mar 2020 by OriginalGriff

This is not a free code conversionservice, even if that would produce good quality code, which it won't. Either go back to Google and find the equivelant functionality in Angular, or learn to write it yourself. We aren't here to do your work for...

Angular7

Angular6

How to refresh a page for only one time?

3 Mar 2020 by Member 14704249

I wants to refresh a page for only one time using angular 7. What I have tried: I have tried ngOnInit(){ let win = (window as any); if(win.location.search !== '?loaded' ) { win.location.search = '?loaded'; ...

Angular7

ionic

How to refresh a page for only one time?

3 Mar 2020 by Richard Deeming

Assigning a value to location.search will reload the page using the new URL. But you immediately call location.reload after that, which reloads the page using the current URL, which doesn't include the new search parameter. Remove the call to...

Angular7

ionic

Cors issue (bearer token base authentication) in ASP.NET web api and ionic 4

2 Mar 2020 by Viswanatha Swamy

Are you accessing the hosted Web API using your application from "http://localhost:8100"? Please advise. In this case you need to add the URL to the CORS section. Please refer to the URL:...

Cors issue (bearer token base authentication) in ASP.NET web api and ionic 4

1 Mar 2020 by Member 14704249

When i’m uploading my project on hosting site and data is coming from there only,it worked fine on localhost but when i uploaded my webapi on hosting server it’s not working data is not coming and i’m not able to logged into my application. ...

I have issue in opening menu in ionic 4

27 Feb 2020 by Member 14704249

I have created menu using ionic 4 it will work fine, but when i logged in to my application or website it will not opening up, for opening it i need to refresh the whole browser. May be it's CORS issue but i can not disable CORS as my all the...

Angular7

ionic

CORS issue when angular and web API(.NET core) is used [SOLVED]

24 Feb 2020 by shivangkaul

Finally, I was able to figure out how to resolve the above Issue. Since I cannot answer my own question here so I am posting the solution here: Solution: I removed all the above code and started fresh, as mentioned below with files: ...

Virtual List in Angular

24 Feb 2020 by Pranav_

Create a list of huge data without making DOM heavy

Angular7

Dev

Architect

How to display count of records on tables using angular 7 ?

22 Feb 2020 by phil.o

SELECT COUNT([Id]) AS 'Count' FROM [TheTable];

Typescript

Angular7

AngularJs

How to display count of records on tables using angular 7 ?

22 Feb 2020 by ahmed_sa

problem How to display count of records on tables using angular 7 ? I work on SQL server 2012 and asp.net core 2.2 I make web API on .net core 2.2 return count of records on table meaning function API return only one value as integer my...

Typescript

Angular7

AngularJs

Error TS2339: property 'rows' does not exist on type 'htmlelement'

11 Feb 2020 by ahmed_sa

I work on angular 7 when loop to table html and compile i get error 95% emitting CopyPlugin ERROR in src/app/Pages/part-compare/part-compare.component.ts(25,38): error TS2339: Property 'rows' does not exist on type 'HTMLElement'. src/app/Pages/part-compare/part-compare.component.ts(27,26):...

Typescript

Angular7

AngularJs

Error TS2339: property 'rows' does not exist on type 'htmlelement'

11 Feb 2020 by Richard Deeming

You need to cast the element returned from getElementById to an HTMLTableElement. Try: var table = document.getElementById("CompareParts");

Typescript

Angular7

AngularJs

How to access attribute from array based on value exist on attribute?

11 Feb 2020 by ahmed_sa

problem How to access attribute from array based on value exist on attribute ? I need to access Fn:'Application' inside array of OtherQualification on html angular 7 ? if it have otherQualification - fn - Application then print exist else ...

Typescript

Angular7

AngularJs

How to run make red line to row have different values on angular 7 ?

6 Feb 2020 by Arthur V. Ratz

Here's a solution with Angular 7: Products {{ i }} ...

How to run make red line to row have different values on angular 7 ?

6 Feb 2020 by ahmed_sa

How to run make red line to row have different values on angular 7 ? the code i tried on jquery it working and make red line I need to execute code below on angular 7 when load data on component make red line to row that have different values Actually i need to apply same code exist on...

How to run make red line to row have different values on angular 7 ?

6 Feb 2020 by Arthur V. Ratz

Also, my recommendation is to use Angular.js to be able to dynamically construct a table and list of rows in your HTML-document: https://docs.angularjs.org/api/ng/directive/ngRepeat[^]

How to run make red line to row have different values on angular 7 ?

5 Feb 2020 by Arthur V. Ratz

I've got a solution at my end: Here's your code submitted modification: $( document ).ready(function() { MakeColorForDifferentContent(); }); function...

Angular Fundamentals - Building an Angular 7 Application with .NET Core 2.2 (Global Weather) - Part 1

5 Feb 2020 by Fred Song (Melbourne)

Demonstrating a series of Angular fundamentals through an Angular 7 application.

Browser back button functionality not working properly for angular 7

29 Jan 2020 by uma_13456

Implemented canDeactive guard, once browser button is clicked it popups a Model and ask Yes/No. After clicking on No it stays on the same page and Again if i press the back button the popup appears and after clicking No/Yes button it redirects to the blank page url from the browser history...

Angular7

How to show editable PDF in angular 7 project

27 Jan 2020 by tninis

Hello, you can A)Create the form you need using angular. Then you can submit form values to server, the server will take these values append them to a PDF template you already have created. A plugin that may help you is PDFsharp. Home of PDFsharp and MigraDoc Foundation - PDFsharp & MigraDoc[^]...

How to show editable PDF in angular 7 project

27 Jan 2020 by VishnuTLT

Dear Experts, I need to show a PDF form (editable PDF) in angular 7 project. I mean, need to preview the PDF in webpage and when a user click/ hover on the textbox in the pdf then it will show the textbox name/id. Is there any thirdparty premium or opensource librarys available. Please help. ...

How to return json object from link url angular 7?

12 Jan 2020 by MadMyche

This is not suitable for a "Quick Answer". What you need to do is write the service, and you already know that. If you don't know how to, I would suggest that you look for some tutorials on how to do what you need to do; and not ask for people to provide the code for you.

Typescript

Angular7

AngularJs

How to access value of userpass from array of object ?

11 Jan 2020 by ahmed_sa

How to access value of userPass from array of object using angular 7? I need to access Property userPass from array of object I have variable from type any his name auth auth have array of object I need to access property value from userpass auth is ...

How to access value of userpass from array of object ?

11 Jan 2020 by Thomas Daniels

If auth is an array with only one object, this will work: let pass = auth[0].userPass; If auth has multiple objects: let passwords = auth.map(a => a.userPass);

How to uses reverse geocoding in open street map (OSM) in angular 7

9 Jan 2020 by Richard MacCutchan

reverse geocoding in Leaflet - Google Search[^]

Angular7

Can we replace open street map with AGM in angular 7?

5 Jan 2020 by Jyoti panigrahi

hey i have implemented AGM in angular 7 , now i want to replace AGM with Open Street Map in angular 7 , but i am confused about the functionality that AGM provide like (snazzy-info-window, AgmCircle, AgmMarker,AgmPolygon,AgmFitBounds) in Open Street Map What I have tried: i tried to search...

Angular7

Can we replace open street map with AGM in angular 7?

5 Jan 2020 by Richard MacCutchan

See OpenStreetMap[^].

Angular7

How to add multilocations on Google map using angular 7 ?

5 Jan 2020 by ahmed_sa

How to add multilocations on google map using angular 7 ? Result points for latitude and longitude from browser : dataLocation values is 5.2951916,100.28825170000005, 30.788892,120.632503, 13.658933,100.634069, 10.328074,123.983185, 31.332119,120.723465 I need to add latitude...

Typescript

Angular7

How to get id from list when text input match or equal items exist on list?

5 Jan 2020 by ahmed_sa

problem How to get id from list when text input match or equal items exist on list ? I work on angular 7 I have input text on nvabar.Component.html write on it part name as following :

Typescript

Angular7

AngularJs

How to get id from list when text input match or equal items exist on list?

5 Jan 2020 by Christian Graus

You can search an array for an entity by name. Then grab the id Array.prototype.find() - JavaScript | MDN[^]

Typescript

Angular7

AngularJs

How to return value of loc value from url angular 7 ?

3 Jan 2020 by ahmed_sa

How to return Loc value from link URL angular 7 ? i need actually to return value of loc related to location meaning i only need to return value 27737 i need to only value of Loc from json object from URL so my question How to write service and calling this service on component...

Typescript

Angular7

AngularJs

How to return value of loc value from url angular 7 ?

3 Jan 2020 by Christian Graus

What part of this is hard? You can't change what a service returns unless you wrote it, but you're free to only use the bit you're interested in

Typescript

Angular7

AngularJs

How to return value of longtide and latitude from json ?

3 Jan 2020 by ahmed_sa

How to return value of longitude and latitude from json using angular 7? my URL as following : http://192.168.7.xxx:9200/location/_doc/27737 json returned from url above is : ...

How to return value of longtide and latitude from json ?

3 Jan 2020 by Christian Graus

Your service is returning the values. You just need to parse them out of the strings. You can split a string on a , to create an array of values

How to pass array of locationid to service getlocation

3 Jan 2020 by ahmed_sa

How to pass array of locationId to service getlocation ? I have array of locations Id locationArr=[40871, 60009, 38149, 40868, 43240, 15299, 53897, 40976, 38151, 23183, 38152, 78579, 23180, 40977, 23176, 39565, 40884, 15298, 38147, 40966, 39669] Actually I need to pass locationArr to...

Typescript

Angular7

How to pass array of locationid to service getlocation

3 Jan 2020 by Christian Graus

If the service only takes one, you need to call it over and over, unless you are writing the service, then change it to take an array

Typescript

Angular7

Points not display on Google map although I pushed latitude and longitude

31 Dec 2019 by ahmed_sa

I using angular 7 Points Not Display On Google map Although I Pushed Latitude And Longitude . meaning all points not display on map although I have latitude and longitude for more points but these points not exists on map . Result points for latitude and longitude from browser console : ...

Typescript

Angular7

How to assign value of latitude and longitude Google map on event ngoninit event ?

27 Dec 2019 by ahmed_sa

problem I need to assign value of latitude and langtide on event ngOnInit ? I work on angular 7 I assign value of latitude and longitude on ngoninit but not work ngOnInit() { this.lat = value this.lng= value } so How to assign values of lng and lat on event ngoninit and display...

Typescript

Angular7

AngularJs

How to use = on route in place of / routing angular 7 ?

23 Dec 2019 by ahmed_sa

problem How to use = on route in place of / routing angular 7 ? i need to replace id/50 as example by id=50 on URL routing What I have tried: on app.module.ts routing {path:'order',children:[ {path:'',component:OrderComponent}, {path:'edit/:id',component:OrderComponent} ]} ] ...

Angular7

single-page

How to use = on route in place of / routing angular 7 ?

23 Dec 2019 by Jitesh Gala

Angular[^] If you follow the example given in the link above, it is default for using the route parameters without specifying the = sign.

Angular7

single-page

How to allow routing to localhost:4200/overview? Partid=10

23 Dec 2019 by ahmed_sa

Hi i make local web app with angular 7 I need when write on URL localhost:4200/overview?partid=10 routing to component overview my Question how to make routing to be as above so can you please help me What I have tried: app-routing.module.ts import { QualificationsComponent } from...

Angular7

AngularJs

single-page

How to allow routing to localhost:4200/overview? Partid=10

23 Dec 2019 by Parth Munjpara

pass the parameter through navigation :- this.router.navigate([`/Dashboard/product/${productId}`]); and also pass parameter through routing :- { path: "product/:id", component: ProductDetailComponent }

Angular7

AngularJs

single-page

How to allow routing to localhost:4200/overview? Partid=10

23 Dec 2019 by Jitesh Gala

Hi, You can refer Angular[^] { path: 'hero/:id', component: HeroDetailComponent }, for your case, { path: 'overview/:partId', component: your component}, Hope that solves your problem.

Angular7

AngularJs

single-page

Angular dynamic form cannot find control with unspecified name attribute

9 Dec 2019 by ganesh mandlik

Hello Friends, I am creating Angular Dynamic Forms using FormGroup, however while creating form facing issue like Cannot find control with unspecified name attribute . Please someone help me what is causing an issue regarding this. I am providing github public url for code. Thanks and highly...

Angular7

Build configuration failed in angular 7

2 Dec 2019 by Jitesh Gala

i think the tags "init", "beta" and "QA" should be inside the "build" tag. { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "newBuiildProcess": { "root": "", "sourceRoot": "src", "projectType":...

Angular7

How to show loader component when when form load before data display and hide loader after data display ?

24 Nov 2019 by impuru

Install it with npm npm install ngx-progressbar --save Import NgProgressModule in the root module import { NgProgressModule } from 'ngx-progressbar'; @NgModule({ imports: [ // ... NgProgressModule ] }) In your template Add NgProgress service wherever...

How to show loader component when when form load before data display and hide loader after data display ?

24 Nov 2019 by ahmed_sa

How to show loader component when when form load before data display and hide loader after data display ? I work on angular 7 app I need when page load show loader component before data display and after data display hide loader component loader component work perfect and component...

How to trace angular app to know which component is executed when do some action ?

18 Nov 2019 by Mehul M Thakkar

I would suggest first start with angular basics and how to debug the angular app. Read about Components, Directives, Templates, Routes. https://medium.com/@vamsivempati/a-guide-to-debugging-angular-applications-5a36bd88b4cf[^] This link will help more how to debug the angular app. There are some...

Angular7

ReactJS

How to trace angular app to know which component is executed when do some action ?

18 Nov 2019 by ahmed_sa

I work on angular 7 project integrated with asp.net core 2.2 API this Angular project done by another persons and i dont know any thing on project I need to modify left side menu and what component called when click on any item on menu but i need any tools or any thing help me to show...

Angular7

ReactJS