Typescript

Great Reads

Greg The Robot - Game Dev with TypeScript

by Marcelo Ricardo de Oliveira

A shoot'n'up HTML5 game made with Phaser game framework

SPA^2 using ASP.NET Core 1.1 + Angular 2.4 - Part 4

by Robert_Dyball

Add JSON Web Token Authentication (JWT) using OpenIDDict to our ASP.NET Core + Angular 2 SPA. Source includes VS2015 and VS2017 versions.

Mario5 with TypeScript

by Florian Rappl

Exploring the abilities, benefits and features of TypeScript by extending / rewriting the original Mario5 source.

ASP.NET Core and Angular 2 Code Venture - Part 1

by Vincent Maverick Durano

This article will walk you through on building a data-driven web app from scratch within the context of ASP.NET Core 1.0 using Angular 2 and Web API 2.

Latest Articles

A Unique Identifier Usable Across Disconnected Systems

by Jeremy Falcon

Just a simple routine and helper routine to generate unique IDs suitable for disconnected systems.

Functional Programming in TypeScript

by Akram El Assas

Functional Programming in TypeScript through Algebra, Numbers, Euclidean Plane and Fractals

BookCars - Car Rental Platform with Mobile App

by Akram El Assas

Car Rental Platform with a mobile app

Movin' In - Rental Property Management Platform with Mobile App

by Akram El Assas

Rental Property Management Platform with a Mobile App

All Articles

top

Typescript

A Unique Identifier Usable Across Disconnected Systems

N 19 Apr 2024 by Jeremy Falcon

Just a simple routine and helper routine to generate unique IDs suitable for disconnected systems.

Typescript

Javascript

Functional Programming in TypeScript

11 Apr 2024 by Akram El Assas

Functional Programming in TypeScript through Algebra, Numbers, Euclidean Plane and Fractals

Typescript

Node.js

BookCars - Car Rental Platform with Mobile App

5 Apr 2024 by Akram El Assas

Car Rental Platform with a mobile app

Movin' In - Rental Property Management Platform with Mobile App

5 Apr 2024 by Akram El Assas

Rental Property Management Platform with a Mobile App

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

Typescript

.NET

AngularJs

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

Typescript

.NET

AngularJs

Problems with afterclosed()

13 Mar 2024 by Pete O'Hanlon

As this question has been dormant for a long time, it's worth looking at how this could have been tackled to self-diagnose what the problem is. Let's take the code "as-is", and see how a little bit of rearranging the problem would simplify...

Typescript

angular-cli

Unable to create YOLO detector for model licence-plates (node.js)

13 Mar 2024 by Pete O'Hanlon

This appears to be an issue using the CodeProject AI server. The discussion boards for this can be found here[^].

Typescript

Javascript

Node.js

How to wait HTML load until get data in angular?

9 Mar 2024 by Pete O'Hanlon

I appreciate that this is an older question but it is well worth addressing why there is a problem here. The poster has stated that they want to wait until data has been returned from an API and then load the HTML of a particular page....

Typescript

Angular5

Inside Git Stash

9 Mar 2024 by Modesty Zhang

Illuminate git internal on object model via a `git stash` implementation, including push, apply, pop, drop, list and clear, all with isomorphic-git

Jest giving error on test suits due to syntax error at import

7 Mar 2024 by Pete O'Hanlon

To import the Jest configuration, you need to use import type { Config } from "@jest/types"; Jest features sit under @jest, not jest.

Typescript

react-native

unit-testing

Mastering Type-Safe JSON Serialization in TypeScript

26 Feb 2024 by Maksim Zemskov

How to utilize TypeScript for type-safe serialization and deserialization of data in JSON format

Typescript

Javascript

JSON

Enjoy Rich Integral Types of .NET and Overcome the 53-bit Limitation of JavaScript

23 Feb 2024 by Zijian

Overcome the 53-bit limitation of number of JavaScript while keeping strongly typed integral types of .NET. Part 2.

Javascript

Typescript

ASP.NET-Core

Dealing with Large Integral Numbers in JavaScript for Integral Types of ASP.NET Core Web API

23 Feb 2024 by Zijian

Overcome the 53-bit limitation of number of JavaScript while keeping strongly typed integral types of .NET. Part 1.

Javascript

Typescript

Recursive function to get connected objects

12 Feb 2024 by Daniel Pfeffer

Look at Tarjan's strongly connected components algorithm[^]. The issue with the recursive algorithm is that it can cause a stack overflow on large graphs. An iterative algorithm also exists, which doesn't have this problem.

Typescript

Recursive function to get connected objects

12 Feb 2024 by Member 12785541

Hello everyone , I want to ensure that when one subregion is connected to another via linkedSubRegions, and that other subregion is connected to a third one, all three are concatenated into a single group. for example: "987" is connected to...

Typescript

Intended Solutions for Intentional Limitations of Strongly Typed OpenAPI Client Generators

1 Feb 2024 by Zijian

Use the codes generated by OpenApiClientGen in real world applications

Generate Typed Forms of Angular Reactive Forms from Swagger / OpenAPI definitions

10 Jan 2024 by Zijian

Construct Angular Reactive Forms of client data models through generated Angular TypeScript codes

Generate Typed FormGroup of Angular Reactive Forms with ASP.NET Core Web API

9 Jan 2024 by Zijian

Construct Angular Reactive Forms of client data models through generated codes

How to Write Your ERC20 Tokens

2 Jan 2024 by Viktoria Dolzhenko

Creating an erc20 Token using the hardhat Package and Typescript

Typescript

blockchain

security

Unable to create YOLO detector for model licence-plates (node.js)

27 Dec 2023 by Uwe Clement

I am getting the result that there is a problem, see return message below. I am using this code within server side in iobroker (node.js). This is my code. I would be so happy if anybody could help me? var fetch = require('node-fetch'); const...

Typescript

Javascript

Node.js

Jest giving error on test suits due to syntax error at import

15 Dec 2023 by Nathalie Olcese

I wan jest to do unit tests with jest and typescrip/react but my test fails because says there are syntax errors in my imports. This is my jest.cinfig.ts file and babelrc file { "env": { "test": { "presets": [ [ ...

Typescript

react-native

unit-testing

Tour of Heroes: Aurelia, with ASP.NET Core Backend

22 Nov 2023 by Zijian

A series of articles comparing programmer experiences of Angular, Aurelia, React, Vue, Xamarin and MAUI

Typescript

Tour of Heroes: React, with ASP.NET Core Backend

20 Nov 2023 by Zijian

A series of articles comparing programmer experiences of Angular, Aurelia, React, Vue, Xamarin and MAUI

Typescript

ASP.NET-Core

React

Tour of Heroes: Angular, with ASP.NET Core Backend

18 Nov 2023 by Zijian

A series of articles comparing programmer experiences of Angular, Aurelia, React, Vue, Xamarin and MAUI

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

DAO. Short and Clear. Let's Create Our Own.

12 Oct 2023 by Viktoria Dolzhenko

An introduction to the concept of DAO and a workshop on how to create your own

Typescript

blockchain

security

How to get values from cookies using angular?

26 Sep 2023 by kmuharram

I have a system on the Internet that enables me to add custom applications to it through a window within this system. When you enter this window, the user session hash will be sent to the URL of the my custom application by GET method. By...

Typescript

Javascript

Angular10

Creating Reusable Component with Angular

25 Sep 2023 by Han Bo Sun

In this tutorial, I will discuss how to create a reusable component in an Angular application.

Typescript

bootstrap

Generate C# Client API for ASP.NET Core Web API

12 Sep 2023 by Zijian

Code First approach for generating client APIs for ASP.NET Core Web API, in C# and in TypeScript for jQuery, Aurelia, Axios and Angular 2+.

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.

Combine and display multiple arrays into single array using angular. Display them in accordions

17 Jul 2023 by davidArch A

I have an object which contains different arrays like Fruits: Array(4), Trees:Array(3), Vegetables:Array(2),…etc. I want to push all these arrays into one array and display them in separate accordions. Before Combine Array: { Fruits:...

Typescript

Angular12

Combine and display multiple arrays into single array using angular. Display them in accordions

17 Jul 2023 by Richard Deeming

You haven't explained what you have tried, nor where you are stuck. Therefore, we can only suggest the obvious: const combined = [ { label: "Fruits", values: Fruits }, { label: "Trees", values: Trees }, { label: "Vegetables", values:...

Typescript

Angular12

code convert from javascript into typescript

24 Jun 2023 by Gavin King 2023

you can use aicodeconvert.com,and it is free. $scope.sortableOptions = { update: (e: any, ui: any) => { let logEntry = tmpList.map((i: any) => { return i.value; }).join(', '); ...

Typescript

Javascript

Base64 image coming in [src] but not rendering in the angular 2 UI

23 Jun 2023 by Manidas Payyoli

i am binding a base64 image to the UI.which is in a loop.but image is not binding,while inspect element i can c the image but not rendering Db is not returning data:image/jpg;base64, so i added in html while inspect elenment im getting "data:image/jpeg;base64,/9j/4A but it is not...

Typescript

Base64

Base64 image coming in [src] but not rendering in the angular 2 UI

23 Jun 2023 by Member 16036583

//Yes, /9j/4A decodes to the JPEG header ÿØÿà, but the rest of the binary data in the Base64 string is likely different. When a browser decodes the Base64 image data URL, it is expecting a proper JPEG image format with a valid header and no...

Typescript

Base64

Vehicle tracking: get real-time location of truck by GPS device

22 Jun 2023 by Vikas Goswami0297

Is there any source code available for Vehicle Tracking in ASP.Net MVC Controller and Angular and the user can see the vehicle movement in real time Live Vehicle Moving Please help me Thank You What I have tried: Tried with Google API's but...

Typescript

MVC

Vehicle tracking: get real-time location of truck by GPS device

22 Jun 2023 by Richard MacCutchan

Quote: Is there any source code available for Vehicle Tracking Possibly, but Google/Bing are the places for such a question.

Typescript

MVC

Mat-chip-grid in angular - what I type on (<, ) keyboard it act as enter

18 Jun 2023 by Member 15992206

Hello, I use mat-chip-grid on angular 15 hebrew keyboard, my code similar to the code in Angular site: Angular Material UI component library[^] I use - Chips connected to an input field The issue is when I type the key right to M (,

Typescript

Angular15

Mat-chip-grid in angular - what I type on (<, ) keyboard it act as enter

18 Jun 2023 by Member 15992206

I found the problem for case someone need: I needed to remove comma from matChipInputSeparatorKeyCodes

Typescript

Angular15

How to Create a Code Editor in React and ChakraUI

2 Jun 2023 by Glenn Viroux

A step-by-step tutorial on how to implement your first code editor in React

Angular Migration to 16

17 May 2023 by Bhargav Technical Lead

Angular migration to version 16

How to wait HTML load until get data in angular?

2 May 2023 by murkalkiran

I have been redirected to another page like this this.router.navigate(['prob/telecomnewdeal'], { queryParams:{ 'companyId': this.selectedCompnay, 'domainId':this.domainId } }); on new page ngOnInit i am getting params like this ...

Typescript

Angular5

How to add HTML code in typescript

11 Apr 2023 by Richard Deeming

According to the documentation[^], the value passed to render should be an element, not a string. const sessionExpiredError = (Your session has expired. Please login again via

How to add HTML code in typescript

11 Apr 2023 by ramweb12345

How to add html code in const using typescript? I tried below code but getting html code also. I want display only text message What I have tried: const sessionExpiredError = ' Your session has expired. Please login again via

Extending Visual Studio Code - The Universally Identifiable Way

4 Apr 2023 by Pete O'Hanlon

Process to create a Visual Studio Code extension that interacts with the editor window

Typescript

VS-Code

Dev

SharePoint Framework aka SPFx Web part using React & REST API

22 Mar 2023 by Ashish Rastogi @11819728

SharePoint Framework WebPart to retrieve list items using React & REST API

How we add types in nodejs and typescript in req res

15 Mar 2023 by Member 14451799

he repo of my project is https://github.com/Shahidkhan0786/kharidLoapp in my project the @types folder contains file (express.d.ts) in this file I add a types in response in (express.d.ts) file in @types folder What I have tried: i tried...

Typescript

Javascript

An SVG Analog Clock

8 Mar 2023 by Marc Clifton

A simple analog clock rendered in Scalable Vector Graphics

Typescript

SVG

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

How do I rectify this error

5 Mar 2023 by vijitha T

while i am trying to create a shopping cart data-binding it is showing error like cannot find the name(Orice,Stock,shipped Registerclick not found) error. public UpdateProduct:ProductContract{ Name:"", Price:0, Stock:false, ...

Typescript

CSS

Angular15

Using template and component ts to toggle button on and off using angular

4 Mar 2023 by Gcobani Mkontwana

Hi Team I need some help i have created a template to toggle between on and off but now must find a way to create a component ts so when switch toggle button is on it should and vice versa in Angular What I have tried: // @ts-ignore import {...

Typescript

templates

buttons

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

100 Days of TypeScript (Day 7)

25 Feb 2023 by Pete O'Hanlon

How to use arrays to manage multiple items

How do I add functionality to react class

2 Feb 2023 by #realJSOP

I'm using MaterialTable, and I want to add some functionality. This new functionality does not necessarily override default functionality. How can I do that? What I have tried: This is one of the few things I can't find anything about on Google.

Typescript

Javascript

ReactJS

SVG Grids: Squares, Triangles, Hexagons with Scrolling, Sprites and Simple Animation Examples

29 Jan 2023 by Marc Clifton

Create square, triangle, and hexagon grids with scrolling, animation, and "sprite" dragging

Typescript

SVG

Problems with afterclosed()

26 Jan 2023 by renatta quiroz sepulveda

I have a function that when it is performed there are times that the navigate works and other times it doesn't (sometimes it enters the if and other times it goes to the else). By console the first thing that appears to me is the console.log of...

Typescript

angular-cli

Convert the following jquery code to typescript

13 Jan 2023 by Member 13761995

$(document).ready(function(){ $('#channelType').on('change', function() { if ( this.value == '1') { $("#internal").show(); } else { $("#internal").hide(); } }); }); What I have tried: i tried to change the above jquery snippet into...

Typescript

jQuery

Typed mxGraph with Angular 15

10 Jan 2023 by Dimitris Nemtsov

How to integrate mxGraph with Angular 15 and above

Typescript

Javascript

How to refactor code?

4 Jan 2023 by HarrySto

Quote: How to start code refactoring? How to do it correctly and is it worth doing code analysis before refactoring? What I have tried: Quote: I tried to refactor the code, but I don't understand how to start

How do i...unnecessary history.pushsate after refreshing the browser for alert pop up

28 Dec 2022 by Mas Hosseini

In my page I want to show an alert when user tries to close/ reload or go back. I have two useEffects one for handling reloading and another for when user clicks on browser back button. My problem is when user reloads that page, an unnecessary...

Typescript

Javascript

ReactJS

Property 'subscribe' does not exist on type 'void'.

23 Dec 2022 by amazing stream

I have button to pass value to the database in typescript. I got error in my use.component.ts subscribe does not exist on type void. Here'my code //user.componet.html //user.component.ts onSubmit(form: NgForm) { this.insertRecord(form) } ...

Typescript

Javascript

Getting errors while using defer

22 Dec 2022 by magicfarm

I am making a timer which goes 5:00, 4:59...0:00.Getting many errors while using defer, 1.Property 'pipe' does not exist on type 'void' at pipe(switchMap... 2.Expected 1 arguments, but got 2. at takeWhile 3., expected in few places in ngOnInit...

Typescript

Angular12

How to set future dates as default date in angular

22 Dec 2022 by sriharsha sriharsha

I need to set future date as default date in angular,as of now I am getting today's date but I need to get 30 days ahead which has to be set as default date value What I have tried: date1 = new Date(); currentYear = this.date1.getfullYear();...

Typescript