Click here to Skip to main content

Submit your article

AngularJs

AngularJs

Great Reads

Server-side Data Filtering, Sorting, and Paging with AngularJS, trNgGrid, ngTable, and Web API

by Shenwei Liu

A complete sample application using AngularJS, trNgGrid, ngTable, and ASP.NET Web API to access and display data with server-side data filtering, sorting, and paging.

Sketcher : Two Of n

by Sacha Barber

Angular.Js / Azure / ASP MVC / SignalR / Bootstrap demo app

Sketcher : Three Of n

by Sacha Barber

Angular.Js / Azure / ASP MVC / SignalR / Bootstrap demo app

Hadoop For .Net & AngularJS Developers

by Bert O Neill

Query Hadoop using Microsoft oriented technologies (C#, SSIS, SQL Server, Excel etc.)

Latest Articles

Integrating @ngrx/translate with Angular Standalone API: A Step-by-Step Guide

by Pawan Kumar from CodewithPawan.com

Explore the seamless integration of @ngrx/translate with an Angular standalone API in this comprehensive guide, ensuring a smooth translation workflow for your applications.

AngularJS Interview Questions and Answers

by Shivprasad koirala

This article discusses the top 50 AngularJS interview question with answers.

Generate TypeScript Client API for ASP.NET Core Web API

by Zijian

How to generate strongly typed client API in TypeScript for ASP.NET Core

Integrating File Upload in an Angular Application

by Han Bo Sun

In this tutorial, I will discuss how to add file upload functionality to an Angular web application.

All Articles

AngularJs

Npm start not working

N 25 Apr 2024 by Pete O'Hanlon

Delete your dist and node_modules folders. Rerun npm install, then rebuild and run. As long as the cors version is right for the version of Angular you are using, that should be all you need to do.

Npm start not working

N 25 Apr 2024 by Member 11307750

i just installed node.js and typescript .The >npm vesrion 10.5.0 and node version 20.12.2 while the tyescript is version 17.0.30103.2001.Each time i try to start npm i get the error below node_modules/@types/cors/index.d.ts(39,52): error...

How to fix an unknown provider error in tscript in a .NET project?

23 Mar 2024 by Graeme_Grant

I am not an Angular developer. However, you have a Dependency Injection error according to: [$injector:unpr]. Googling you error message Error: [$injector:unpr] Unknown provider[^] confirms this. Check the links in the search results for more...

How to fix an unknown provider error in tscript in a .NET project?

22 Mar 2024 by xTMx9

Good day! I am facing an issue with my .net web app. I am working on an app with 2 modules that existed for a long time. I'm using angularJS and typescript for frontend. For reasons, 1 of these modules had to be disabled. This has created an...

How to bootstrap pop-up override kendo-popup?

27 Feb 2024 by Member 16211122

Close ...

Integrating @ngrx/translate with Angular Standalone API: A Step-by-Step Guide

13 Jan 2024 by Pawan Kumar from CodewithPawan.com

Explore the seamless integration of @ngrx/translate with an Angular standalone API in this comprehensive guide, ensuring a smooth translation workflow for your applications.

AngularJS Interview Questions and Answers

20 Dec 2023 by Shivprasad koirala

This article discusses the top 50 AngularJS interview question with answers.

I need this question answer only

27 Nov 2023 by Richard MacCutchan

See Getting started with Angular[^]

Generate TypeScript Client API for ASP.NET Core Web API

17 Oct 2023 by Zijian

How to generate strongly typed client API in TypeScript for ASP.NET Core

Asp.net MVC angular is not load on IIS

1 Oct 2023 by Mansoordp

I have a small project which is developed on ASP.NET MVC with Angular. I am stuck in when I am uploading the build on IIS, but Angular is running fine on the development environment. Please help me. When the project is run on server, it gives me...

Asp.net MVC angular is not load on IIS

30 Sep 2023 by Dave Kreskowiak

I don't do angular, but a couple of quick Google searches comes up with some hints. The "$injector:modulerr" mean a module failed to load for some reason. The next one, "$injector:unpr" means "unknown provider", probably because a dependency...

How to load angularjs in IIS using ASP dotnet mvc5 with angularjs1.8.2

14 Sep 2023 by Member 14965952

I have a problem after uploading the ASP Dot MVC Project on server. It works fine on local, but if I upload the build on server, Angular gives an error. Using AngularJS v1.8.2, libraries are angular.js and angular-route.js. I tried many...

How to resolve error: [$compile:multidir] multiple directives in angularjs

12 Sep 2023 by Url Linker

I'm facing this issue in AngularJS. The error is: angular.min.js:13708 Error: [$compile:multidir] Multiple directives [foundItems (module: NarrowItDownApp), foundItems (module: NarrowItDownApp)] asking for template on:

How to resolve error: [$compile:multidir] multiple directives in angularjs

10 Sep 2023 by Richard Deeming

Follow the link in the error message, read the detailed description of why the error occurs, and follow the instructions to resolve it. AngularJS: Error Reference: multidir[^] This error occurs when multiple directives are applied to the same...

Integrating File Upload in an Angular Application

15 Aug 2023 by Han Bo Sun

In this tutorial, I will discuss how to add file upload functionality to an Angular web application.

Datatable row not a function in angular js

31 Jul 2023 by Andre Oosthuizen

It looks like your 'DataTables' library is not properly loaded or initialized before you make a call to it. Make sure that you have included the jQuery library before loading the 'DataTables' library. You should have the following declared...

Datatable row not a function in angular js

31 Jul 2023 by troy4.net@gmail.com

Hi am using angular js and ajax datatable using but am declare the datatable inside script i got error in "Datatable not a function" error came i declare all supporting script files. my code is What I have tried: $scope.getalldata = function...

Dist folder not generating js files using ASP.NET webapi and angularjs

24 Jul 2023 by Member 15090354

I have created the project with asp.net web API and angularjs 1.8 1. Not able to see newly added controller js files in webpack at browser developer tool to debug. 2. js files are not updating and creating in the dist folder even though remove...

How to check if the value is null? Using angular JS

6 Jul 2023 by ROPU_05051971

i want to check if ctrl.PolicyNo is null or not. if ctrl.PolicyNo is null, set ctrl.PolicyNo = N/A otherwise ctrl.PolicyNo has a value. What I have tried: {{ctrl.PolicyNo== null 'N/A' : ctrl.PolicyNo }} but its not working pls help me..

How to check if the value is null? Using angular JS

6 Jul 2023 by Richard Deeming

Try: {{ctrl.PolicyNo | 'N/A'}} Handling Null Values in HTML Templates with Angular | Pluralsight[^]

How do I change the color of border in mat-chip-row inside mat-form-field

2 Jul 2023 by Member 15992206

I try in Angular 15 to change the border of mat-chip inside mat-form-field in case of invalid data to red like it was in mat-form-field without mat-chip-row My code works fine. My problem is on hover I can't fixed it out. If someone can help I...

How do I change the color of border in mat-chip-row inside mat-form-field

2 Jul 2023 by Andre Oosthuizen

You can add the following to your scss file that will show a border color of red. For testing I also added a background color of red - ::ng-deep [dir=rtl] .textFieldInvalid.mat-mdc-form-field:hover .mat-mdc-text-field-wrapper...

How can I solve this issue in webform

24 May 2023 by Mr Talha saeed

I am facing this issue when user click on save button then Form detail and master should save. But there is some error and i don't know how to solve I've try to todays but nothing happened What I have tried: I am facing this issue when user...

How can I solve this issue in webform

24 May 2023 by Manoj B. Kalla

Dear Mr Talha saeed, First you should save Master detail in DB then take ID from MASTER then start saving n numbers of rows to DETAIL (child) table. Example: 1. Invoice Header (Master) 2. Invoice Items (Child/Detail) First save Header table...

Display PDF in Web Page with AngularJS and PdfJS

17 Apr 2023 by Han Bo Sun

How to use PDF.js in an AngularJs based app to display PDF content

Creating a phone book in angular js when submit button is clicked previous data must displayed on the form table

6 Mar 2023 by Gcobani Mkontwana

Hi Team How can write a form table when the instructions are as follows; "Once the submit button is pressed, the information should be displayed in a list below (automatically sorted by last name) along with all the previous information that...

Switch on and off toggle button creating a function to switch toggle has an error

6 Mar 2023 by Gcobani Mkontwana

Hi Team I am creating to switch on and off, but when i want to create a seperate function to toggle on and off. CLass is complaining that it expects a constructor unexpected token. How do i fix this issue? What I have tried:

Loading Data in Batches for AngularJS and UI-Grid Display

14 Feb 2023 by Han Bo Sun

Loading data in batches and displaying using UI-Grid in an AngularJS based app

How to setup this github repo?

4 Feb 2023 by Michael G. 2023

I update an old repo: https://github.com/cbartel/nw-company-tool The creator of this project create a tutorial wich explain how to install everything, only if you use his node distribution. My question is: how do i recreate the same node...

How to setup this github repo?

4 Feb 2023 by Dave Kreskowiak

I think you're going to have to ask the owner of the repo those questions.

Angular Control to Graphic Representation for Processes and Events

16 Jan 2023 by Oleg_100

An Angular control that displays processes, states and events on timeline

How to automatically draw a geofence over a searched area?

28 Dec 2022 by rgnSayan

The Requirement -> When we search a place in google map it comes with a thin border around the searched place. I require that same thing in my angular app. Here is the script which I am using in the code:-...

How to use angular JS as a container for 2 web application

21 Dec 2022 by Chris Copeland

You should take a look at this monorepo pattern[^] approach. Essentially you can create a parent workspace, then create child applications beneath it (or import them as your case may be) and reference them from the parent project. Just bear in...

How to use angular JS as a container for 2 web application

21 Dec 2022 by SNI

I have 2 independent web applications which needs to be shown in a single container application. I would like to know whether the way to use angular. What I have tried: Not yet tried as need to check whether this could be possible

How to make 5 minute countdown timer with rxjs and angular

11 Dec 2022 by CodeGuru84

To create a countdown timer that counts down from a specific duration (in this case, 5 minutes), you can use the timer operator in a similar way as before, but instead of using the current time to calculate the remaining time, you can use the...

How to make 5 minute countdown timer with rxjs and angular

9 Dec 2022 by magicfarm

The countdown should go from 4:59,4:58,....0:00.I am new to RxJS and angular. I found examples online which countdown from certain date, but I just want a 5 minute countdown. I tried this.But this gives me elapsed time from today's date. I just...

Replace a select input with a text box

11 Oct 2022 by bmw318mt

I have the following select whose items are being obtained using an API call. Now I need that in case the API call fails and no items are returned to replace this select with an input text box to allow the use to enter freetext. Any idea why its...

How do I download a file in xls format ?

20 Sep 2022 by Himansh jain

api code public FileContentResult ExportExcel([FromRoute] string fileID) { string fileStore = Configuration.GetFolder("MasterDataStore"); string filePath = Path.Combine(fileStore, fileID); var files...

How do I download a file in xls format ?

20 Sep 2022 by Himansh jain

[HttpGet] [Route("Excel/{fileID}")] public IActionResult ExportExcel([FromRoute] string fileID) { try { string fileStore = Configuration.GetFolder("MasterDataStore"); ...

Q & a portalthe purpose of the requirements document is to systematically capture requirements for the project and the system “Q&a portal” to be developed.

15 Sep 2022 by Jayanth Rebel

The scope of the system is explained through its modules as follows, · User Registration – used by portal user to register the details of self-information into the system. The system stores the details in the database · Login – system should...

Q & a portalthe purpose of the requirements document is to systematically capture requirements for the project and the system “Q&a portal” to be developed.

15 Sep 2022 by OriginalGriff

Quote: Give me solution No. While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it...

Missing property options in visual studio 2022 angular app

24 Aug 2022 by Houman Farokhi

I have Visual Studio 2022 preview version 17.4.0 when I create stand alone TypeScript angular project and right click on project and select Properties I couldn't find Debugging properties. where its go? What I have tried: i searched all...

How can I print full size of the page which exceeds the scree size

23 Aug 2022 by sudheesh kumar s

Dear Support team, We are not able to print screen from our web page which has content that exceeds the actual screen size completely. The web page is related to the floor plan (Auto CAD). When we try to print screen , some portion is not coming...

Using YUI-Compressor Maven Plugin for Spring Boot Web Applications

3 Aug 2022 by Han Bo Sun

YUI-Compressor maven plugin to minify JS files for Spring Boot based web app development

Need help with reactive forms and saving the data entered and retrieving it back

17 Jul 2022 by 758_Dharini Iyer

Hello..I am somone who's rather new at AngularJS..can i please get some help with creating a reactive form which when submitted must be viewed as the same form on another component in disabled view.Also how can i retrieve the form data submitted...

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

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 signout a webapi?

6 Mar 2022 by Member 9129971

I have a c# webapi having angular web and android, ios apps.I am going to use simple token based authentication.Token is issued at login time and used for future requests.The problem is that how can i devalidate/logout a token of a specific for different devices like web(this also includes...

How to signout a webapi?

6 Mar 2022 by Abdo AJ

Hi There ! you already done the half of it you can Store data in JWT such as device unique identifier or any other data that helps you identify the user and get it at every request for the clint side there a payload section at jwt allow you to...

How to add a button/hyperlink to each row of a single column in the kendo UI grid

25 Feb 2022 by Sree(Member 12916318)

In our project already we have been using kendo UI grid. It contains one fixed column(account) and other are dynamic columns. and that grid contains no of rows. and when you do double click on any row of that column it will open another page to...

How to add a button/hyperlink to each row of a single column in the kendo UI grid

25 Feb 2022 by Andre Oosthuizen

Looking at the example code, this is quite easy to achieve. Their code - { field: "FirstName", template: "#= FirstName #" } Your code should be, which I tested from their example and...

Moveable Popup Modal Using AngularJS and ui-bootstrap

15 Feb 2022 by Han Bo Sun

Tutorial to discuss the design of a moveable popup modal using AngularJS and ui-bootstrap

Why Use State Management in Front End Code?

16 Jan 2022 by Gunnar S

Good reasons for using State Management in Front End Code

How to Set HTML Meta Tags in Angular

12 Jan 2022 by Harshal S. Limaye

Utilize Meta service to add, remove and update meta tags in Angular app

Not displaying data in localhost:4200 .as I run ng serve --verbose -..this is the output

4 Jan 2022 by Working Student Ph

Generating browser application bundles (phase: setup)... [webpack-dev-server] Project is running at: [webpack-dev-server] Loopback: http://localhost:4200/, http://127.0.0.1:4200/ [webpack-dev-server] 404s will fallback to '/index.html' ⠸...

How to check that the length of a string is equal to 0 in angular JS

29 Dec 2021 by Luc Pattyn

Hi, you're using a lot of " " which is not an empty string, it is a string holding one space, so its length is 1. So either change those to "" or test for a larger length (e.g. whatever the minimum length for a plate is in your world). :)

How to check that the length of a string is equal to 0 in angular JS

29 Dec 2021 by maurizio generosi

1 I declared and initialized an array with various fields including targaauto. In the add function, I check "If the length of the car plate is equal to 0 I get an alert" Error! Insert the license plate! ". All this does not work correctly. In...

Using JWT Token in AngularJS Application

21 Dec 2021 by Han Bo Sun

How to use JWT Token with Spring Security for user authentication and authorization

Communicating between AngularJS Directive and Parent Controller

22 Oct 2021 by Han Bo Sun

This tutorial will discuss three different ways of communication between parent controller and AngularJS directive.

An unhandled exception occurred: cannot find module '@angular-devkit/build-angular/package.json' require stack:

21 Oct 2021 by Pinky Pinky

I have been assigned a task where I have to run ng serve command in folder. I have installed node.js and checked it's version. Run this command npm install -g @angular/core @angular/cli I have following folder structure. ProjectFolder - >...

The serve command requires to be angular project but project definition could not found

20 Oct 2021 by Pinky Pinky

I have been assigned a task where I have to run ng serve command in folder. I have following folder structure. ProjectFolder - > ClientApp - >Src -> dist -> e2e I am running this...

For loop that saves each http get request to one object

1 Oct 2021 by versb

I have a list of links that I want to query and return the result to one large array object Currently my code as shown below just overwrites itself whenever it runs Thanks What I have tried: for (let i = 0; i

For loop that saves each http get request to one object

1 Oct 2021 by Chris Copeland

You'll want to make use of promises and arrays quite heavily to achieve what you want. Since promises are non-blocking (and therefore won't block the for loop) you'll need to collect your promises and wait for them all to finish executing before...

I can't check for multiple choice field in angular. How can I do it?

29 Sep 2021 by Member 15357186

I'm not good at Angular. I'm a trainee right now, my angular knowledge is not good. I will be grateful if you could help me. I have a multiple choice field in the front. But I am encountering an error in Js. I select one of the fields then remove...

Angularjs verify not null and compare dates

23 Sep 2021 by xTMx9

Hello! I am trying to compare 2 dates to be able to display the data in a table. I am doing the following: ${this.dateToCompare.getTime()} > ${row.CreateDate.getTime()} The problem is, CreateDate has a null value on some rows so the above is...

Angularjs verify not null and compare dates

23 Sep 2021 by Steve-Davis-1

You can create a function that you pass in the row and date to compare, the function returns true or false. function compareDates(date1, date2) { if(date1 === null || date2 === null) { return false; } return date1 > date2; } You then...

How to store form data in a local store and how to return data from a local store to a form.

23 Sep 2021 by Steve-Davis-1

A few things I'd try: - Ensure that self.user is not null. - Put a breakpoint where you are storing the data then go to developer tools and see if you find it in the local storage section. At what point are you calling the getItem function?...

How to store form data in a local store and how to return data from a local store to a form.

23 Sep 2021 by yadav_lalu

Form data not return from the localStorage What I have tried: $scope.Submit = function () { console.log("users" + self.users); // self.users.push(self.users); ...

Typeerror: cannot read properties of undefined

22 Sep 2021 by Tgcobza Mkontwana

I often get this error when i run my application below "angular.js:13236 TypeError: Cannot read properties of undefined (reading 'substr') at ConvertJsonDateToDateTime (Index:70) at Index:60 at angular.js:10973 at...

Pivot table using angularjs

21 Sep 2021 by Er Atul Sharma

Hi All, I have data of student's marks, in following format ------------------------------------------------------------------------------- ROLL NO | NAME | SUBJECT| MARKS| MAX MARKS| ------------------------------------------------------------------------------- 1 |AAAAAAAA|HINDI ...

How to store form data in a local store and how to return data from a local store to a form.

20 Sep 2021 by Richard Deeming

Quote: console.log("users" + self.users); localStorage.setItem("Users", JSON.stringify(self.user)); You log the value of the users variable, but store the value of the user variable. Which is it?

How do add a restrictive range in selecting date?

9 Sep 2021 by Himansh jain

User should only be able to select date prior to 1 year from current...

Automatically make controls under header collapsible (accordion style)

29 Jul 2021 by TempoClick

I am new to typescript and RxJS. As you see in the attached photo in the link, I have a dynamic form on the right side which contains multiple controls; A header and three input-string controls. the form can be dynamically modified by the JSON...

Tutorial on AngularJS Secured Session Timeout Management

22 Jun 2021 by Han Bo Sun

In this tutorial, I will discuss how to handle secured session timeout in an AngularJS application.

How to change column sizes by clicking in angular

15 Jun 2021 by Member 13926859

i have this page that has two buttons divided By two clo-md-6 : i want when i click in the button the first button become col-md-9 and the other col-md-3 and the same for the inverse What I have tried: i don t know how to do it in angular