Click here to Skip to main content

Submit your article

Angular8

Angular8

Great Reads

How to Use Augury to Check Lazy Loading in Angular 8

by Siddharth Gajbhiye

How to Use Augury to Check Lazy Loading in Angular 8

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

by SleepyCrat

This article will show you how to create an ASP.NET Core web API project and secure it using Google's Firebase authentication service with an Angular front end.

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

by SleepyCrat

How to secure a website using Firebase, Angular 8 and ASP.NET Core 3.1

Angular 9/8 Multiple File Uploading Service with Progress Report

by Ahmed Bouchefra

Angular 9/8 file uploading service with progress report

Latest Articles

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

by SleepyCrat

How to secure a website using Firebase, Angular 8 and ASP.NET Core 3.1

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

by SleepyCrat

This article will show you how to create an ASP.NET Core web API project and secure it using Google's Firebase authentication service with an Angular front end.

How to Check Password Strength Meter in Angular 8

by Siddharth Gajbhiye

How to create a password strength bar in Angular 8 applications

Server Side Pagination Using ASP.NET Core And Angular 8

by Siddharth Gajbhiye

In this article, we will learn how to create server side paging which is very useful whenever we have to display large number of records.

All Articles

Angular8

How to Use Augury to Check Lazy Loading in Angular 8

24 Dec 2019 by Siddharth Gajbhiye

How to Use Augury to Check Lazy Loading in Angular 8

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

24 Jan 2021 by SleepyCrat

This article will show you how to create an ASP.NET Core web API project and secure it using Google's Firebase authentication service with an Angular front end.

*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:

Securing a Website Using Firebase, Angular 8 and ASP.NET Core 3.1

24 Jul 2021 by SleepyCrat

How to secure a website using Firebase, Angular 8 and ASP.NET Core 3.1

Angular 9/8 Multiple File Uploading Service with Progress Report

6 Jan 2020 by Ahmed Bouchefra

Angular 9/8 file uploading service with progress report

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 //...

How to use json.parse data in typescript

3 Jan 2020 by Member 11220730

I want to JSON.parse the below data data=["{\"ID\":29614,\"Ratio\":8,\"UOM\":\"IN\",\"manufacturers\":{\"manufacturerName\":\"john\",\"categories\":{\"categoryName\":\"Beverage\",\"products\":{\"uid\":\"456\",\"productID\":140721,\"name\":\"After Shocks Popping Candy...

regular-expression

How to use json.parse data in typescript

3 Jan 2020 by tninis

hello, "manufacturers" should be array like this "manufacturers": [ { "manufacturerName": "john", "categories": { "categoryName": "Beverage", "products": { "uid": "456", "productID": 140721, "name": "After Shocks Popping Candy 1.06" } } },...

regular-expression

Getting error "uncaught app1: application 'app1i' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" in signle-spa

19 Feb 2020 by Member 9579525

I am implementing single-spa(for micro front end) in existing project which is in angular 8. Installed single-spa in app1 using command "ng add single-spa-angular" and in root app I am importing and registering this app, but getting error like "...

Giving error "zone.js:202 uncaught referenceerror: lazyelementsloaderservice is not defined" while using lazyelementmodule

20 Feb 2020 by Member 9579525

I want to lazy load Angular Elements or any other web components in my Angular application which is inside another app and hosted differently. I am using LazyElementsModule of "@angular-extensions/elements" this library but giving error...

Getting error ERROR nullinjectorerror: staticinjectorerror(appmodule)[lazyelementdirective -> lazyelementsloaderservice]

20 Feb 2020 by Member 9579525

I am consuming angular web component (built using angular elements) in another angular app which is hosted in IIS. I am using ' @angular-extensions/elements ' but giving console error " ERROR NullInjectorError:...

How to integrate pre build angular template to make webapp in angular

2 Mar 2020 by phil.o

Angular Templates[^]

How do I check equal conditiions in agular 8 HTML

5 Mar 2020 by adhikar patil

Hello, i have an loop and i want to check the equal conditions with pipe with ngIf html in angular 8. please suggest me. What I have tried: *ngIf="item|keys === key"

How do I check equal conditiions in agular 8 HTML

5 Mar 2020 by MadMyche

Hello, i have an loop It would be very helpful if you provided the code for the loop, this can be done via the Improve Question widget. Anyways... You may want to look into these questions/answers on SO: Stack Overflow: Angular 4 ngif in a for...

Problem with post method in angular service

9 Mar 2022 by Eliza Maria

Hi! I have an angular 8 dotnet api project in which I have a problem with the post method in register.service.ts as it should return 200 ok,but instead it returns 415 unsupported media type.I am struggling with this error for some time and I...

405 error method not allowed for POST in angular project

12 Mar 2020 by Eliza Maria

I have an angular project where I implemented a login function in the login.service.ts.My problem is that no matter what I do I can't get rid of the 405 error Method not Allowed for POST.When I check Postman for the API it gives me the same error...

405 error method not allowed for POST in angular project

12 Mar 2020 by Viswanatha Swamy

Good morning, Based on the code 405 method not allowed, it looks like you have to enable the verb POST in the configuration of the ASP.Net Web API. Could you please refer the below link for additional details. Also please resue that you have the...

How to combine json's in angular 8

17 Mar 2020 by adhikar patil

Hello, I have three json into array like and also i want array[0] with the first json including other jsons nonmatching key with blank value. Please provide me the solution in angular 8 json1 = {name: "Adhikar", email: "adhikar@gmail.com",...

Login page doesn't work in browser returning 401 error but the method works with postman

16 Mar 2020 by Eliza Maria

I have a problem in my angular project with the login component as it won't load the login page but instead it will show this:HTTP ERROR 401 When I try to log in using Postman, it works perfectly so I don't understand why does it have this...

Login page doesn't work in browser returning 401 error but the method works with postman

16 Mar 2020 by OriginalGriff

401 Error is an authorization failure: 401 Unauthorized - HTTP | MDN[^] - something you are trying to access requires a logged in user and you aren't providing one. Normally, this happens on login code when you move it to a folder that has a...

How to combine json's in angular 8

17 Mar 2020 by Richard Deeming

Try something like this: this.dynamicFormData.forEach(function (item) { var parsedItem = JSON.parse(item.response); if (array.length !== 0) { var firstItem = array[0]; Object.keys(parsedItem).forEach(function(key){ ...

How to Check Password Strength Meter in Angular 8

23 Mar 2020 by Siddharth Gajbhiye

How to create a password strength bar in Angular 8 applications

How to develop online games with multiple players?

6 Apr 2020 by RickZeeland

You might be interested in engines-for-easily-creating-online-multiplayer-games[^] The Unity game engine supports C# and cross-platform development, see: 3d-c-game-engines~unity[^] best-beginner-resources-to-learn-unity[^]

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...

Unable to open a url in angular 8 by using window.open only in server

25 Jun 2020 by sai sruthi

Hi All, I am new to angular 8 and asp.net core. I have a situation where I want to create a api url to generate PDF file from ASP.Net Core 3 web api and open in separate window and also to open as a preview mode, for which I use iframe. My...

Please give me a example of download rdlc report in pdf with web api for angular 8

29 Jun 2020 by OriginalGriff

We are not here to Google for you: I suggest you start by accessing your favourite search engine and begin looking for yourself. Or ... and this is just an idea ... you could, I dunno, try to write one yourself? That is what development is all...

How to upload file with data from angular 8 to ASP.NET core 3 web api

6 Feb 2023 by JayantaChatterjee

Hi All, I created a .net core(v3) Web API and an Angular project, so I trying to send an object which will contain a file and others data (like name, duration etc..). My Angular component code:- saveMovie() { this.submitted = true; if...

How to acess local variables public\private inside class other than this in angular?

22 Sep 2020 by Fighter Fighter

import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` Alive! `, styleUrls: ['./app.component.css'] }) export class AppComponent { someVariable: someType = somevalue...

Set-up multiple environments in angular

9 Nov 2020 by Member 11149766

Hello All, I have followed this link for developing the Set-up Multiple Environments in Angular: https://dev.to/mikgross/set-up-multiple-environments-in-angular-376c I ran the ng serve --c=qa ** Angular Live Development Server is...

*Ngif syntax issue in angular

6 Dec 2020 by Richard MacCutchan

Angular NgIf DIRECTIVE[^]

How to edit and display(bind) the data in one component. Angular

9 Dec 2020 by Virendra S from Bangalore, Karnataka

this component does the editing as well as displaying the employee profile. as demo, below I have given one field control. In Edit mode: Dropdown gets the master list. already existing employee data should be binded to dropdown while editing. In...

Handling callback from azure AD in MSAL angular wrapper

1 May 2021 by Member 13208028

Have implemented MSAL- Azure authentication using https://www.c-sharpcorner.com/article/easily-enable-azure-ad-authentication-in-angular-and-web-api-core-app/ and working fine as expected in web Our app is angular-hybrid app which is running...

How do i...when subscribe upload file service I get error no overload matches this call?

15 Jun 2021 by ahmed_sa

I work on angular 7 and face an issue when trying to upload a file DeliverySysService PostUpload(selectedoptionsId, file) { const formData: FormData = new FormData(); formData.append('file', file,file.name); ...

How do i...when subscribe upload file service I get error no overload matches this call?

15 Jun 2021 by Chris Copeland

Assuming this is Angular, your method declaration seems to be missing some type declarations which would allow Typescript to correctly identify the return type of the post() method: PostUpload(selectedoptionsId, file) { const formData:...

Running java without installing jre?

15 Sep 2021 by Richard Deeming

No. If the computer doesn't have a Java runtime installed, then no Java code can run. You would need to create a "bootstrapper" application in a low-level language like C. And you would almost certainly need a different bootstrapper for each OS...

Angular downgrading problem from 12 to v8?

4 Oct 2021 by khaled Eisa

i tried to setup angular project with angular 8 but unfortunetly I installed v 12 and I figured it at the end of the project so I tried to downgrade so that is what happened after trying dependencies": { "@angular/animations": "~12.2.8", ...

Problem with post method in angular service

9 Mar 2022 by Member 15560921

Hi I had almost the same problem but only with string, when i sent it in Postman it was working correct, but in VS Code not. What I did? I added httpOptions httpOptions = { headers : ({'Content-Type': 'application/json'}) } And also...

How to execute getactive session function before compare excel function angular 8 ?

17 Apr 2022 by ahmed_sa

I work on angular 8 i have two subscribe i need to execute first subscribe and after finish execute second subscribe but i don't know how to make it please ? first function i need to execute is getactivesession second function i need to...

Server Side Pagination Using ASP.NET Core And Angular 8

8 Jan 2020 by Siddharth Gajbhiye

In this article, we will learn how to create server side paging which is very useful whenever we have to display large number of records.

How to upload file with data from angular 8 to ASP.NET core 3 web api

14 Aug 2020 by Sandeep Mewara

WebAPI built-in formatters only support the following media types: application/json, text/json, application/xml, text/xml and application/x-www-form-urlencoded Now, in your context, you are trying to do: API method that has to send form-data...

Create Dynamic Row With Custom MultiSelect Dropdown In Angular 8

2 Jan 2020 by Siddharth Gajbhiye

In this tip, you will learn how to create dynamic Row with Custom MultiSelect Dropdowns in Angular 8.

Please give me a example of download rdlc report in pdf with web api for angular 8

29 Jun 2020 by Member 11567959

give me a example of download rdlc report in pdf with web api for angular 8 What I have tried: give me a example of download rdlc report in pdf with web api for angular 8

How to upload file with data from angular 8 to ASP.NET core 3 web api

6 Feb 2023 by Ajas Aju

I have the same issue not resolved yet. My API Code: HttpPut("updateThemeDetail/{whiteLabelId}")] public async Task UpdateThemeDetail([FromForm]TenantThemeSetUpInput item, string whiteLabelId) ...

Label is not displaying for custom date picker in ngx-formly/bootstrap

18 Mar 2020 by Member 9579525

I am creating dynamic UI/form using ngx-formly/bootstrap(not using material). I want to display datepicker control so I have displyed custon bsdatepicker control using ngx-bootstrap/datepicker. But label is not displaying when I give it to in...

How to achieve internationalization for ngx/bootstrap datepiker in ngx-formly/bootstrap

18 Mar 2020 by Member 9579525

I am creating dynamic UI/form using ngx-formly/bootstrap(not using material). I wanted to displayed datepicker control so I have displayed custom bsdatepicker control using ngx-bootstrap/datepicker. Now I want to apply internationalization to...

How to develop online games with multiple players?

6 Apr 2020 by DGKumar

Hi I would like to develop the online game by using Asp.Net Core and Angular 8 and Dotnet framework. Could you please assist that the above technologies suitable for develop online games that should be useful for mobile and tab also. Can...

*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'"

Running java without installing jre?

15 Sep 2021 by Niket dubey

Can we make a Java program by which just on one click it would check whether JRE is installed in the system or not? If not, then the program automatically downloads and installs JRE in the computer. What I have tried: Can we make a Java...

When install new component I get ng error angular 8?

27 Mar 2022 by ahmed_sa

when install new component on project on angular 8 ng g component z2dataDelivery i get error ng : The term 'ng' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if...