Click here to Skip to main content

Submit your article

Typescript

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

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

Inside Git Stash

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

All Articles

Typescript

Chart.js line chart, one dataset, set line color based on Y value. How?

29 May 2020 by #realJSOP

Once the line color is set in a line chart, you can't change it based on the value of a data point. No chart library that I'm aware of is going to let you do it. You have two options: 0) create another line (a different color from your data...

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.

Introducing Layouts - Xaml for the Web

19 Oct 2015 by adospace.NET

Layouts is a Javascript library that let you create web applications with complex UI using Xaml

Getting Started with AngularJS 2 - Part 1

28 Feb 2017 by Afreen F

In this article, we will learn setting up the Angular 2 environment. In continuation of this article in next part, we will learn how to write a simple Hello World Application and keep on adding advance features of Angular 2 to it.

Getting Started with Angular2 - Part2

28 Feb 2017 by Afreen F

How to create a simple UI library using decorators

27 Nov 2021 by After2050

In this article, I would like to share some of the learnings I got in the process of building an UI library using typescript decorators

Convert the following jquery code to typescript

4 Apr 2018 by Afzaal Ahmad Zeeshan

There are several problems with this code, first off that you are mixing jQuery with JavaScript—the context I am talking about here. For example, see here, $('#channelType').on('change', function() { if (this.value == '1') { // ... this refers to a JavaScript object, not a jQuery one,...

Skype web SDK video rendering error in angular 7.

22 Jun 2019 by Afzaal Ahmad Zeeshan

From what I see, I believe this is a problem with SDK, as it does not state where in your code the exception is being raised—the line number is above 8k. It would be good if you can create an issue with Skype SDK team and check how they respond. It would be nice if you can share the code that...

Kick Start with AngularJS 2.0 and Visual Studio

10 Jan 2017 by AHMAD ANAS

This article is intended to deliver a kick start understanding about AngularJs 2.0 and Visual Studio.

How to Access and Use Your Mobile Phone Camera Using Ionic 2 and Ionic Native

7 Nov 2016 by Ahmed Bouchefra

In this post ,we are going to see how to use the mobile phone camera in mobile apps built using the Ionic 2(2.0.0-rc.1) Framework.

Send HTTP GET Request for Consuming a REST API with Axios in Ionic 4 App (Based on TypeScript & React Hooks)

15 Dec 2019 by Ahmed Bouchefra

How to consume a third-party API using Axios inside an Ionic 4 project based on TypeScript and React

Angular 9/8 Tutorial & Example — Upload Files with FormData, HttpClient, RxJS, and Material ProgressBar

15 Dec 2019 by Ahmed Bouchefra

How to upload multiple image files using FormData, HttpClient (for posting multipart/form-data), Angular 9/8 and TypeScript

Setting up Angular 9 HttpClient & Creating Components by Example

6 Jan 2020 by Ahmed Bouchefra

How to set up Angular 9 HttpClient and create components by example

Building and Consuming a REST API with Angular 9: Sending GET Requests with HttpClient and Services by Example

6 Jan 2020 by Ahmed Bouchefra

How to build a fake REST API backend for our Angular frontend using json-server and faker

Angular 9 Tutorial: Build an Example App with Angular CLI, Angular Router, HttpClient & Angular Material

6 Jan 2020 by Ahmed Bouchefra

Throughout this Angular 9 tutorial, we’ll learn to build an example web application using APIs like HttpClient, Angular Router, and Material Design. We’ll learn to generate components and services using Angular CLI and deploy your final app to the cloud (Firebase)..

Angular 10/9 Update Guide with Examples

28 Apr 2020 by Ahmed Bouchefra

How to upgrade project and dependencies to latest Angular 10 version

Modal Popup Example and Tutorial with Angular 10 Material

28 Jul 2020 by Ahmed Bouchefra

In this tutorial, we’ll build by example a modal popup using Angular 10 Material.

Angular 10 Example: Import HttpClientModule and Send Http Ajax Requests to JSON REST API Servers

28 Jul 2020 by Ahmed Bouchefra

In this example, we’ll see how to import HttpclientModule in Angular and use HttpClient to send an http Ajax GET request to JSON REST API servers.

Angular 10 Tutorial & Example — Upload Files with FormData, HttpClient, RxJS, and Material ProgressBar

28 Jul 2020 by Ahmed Bouchefra

In this tutorial, we’ll see by example how to upload multiple image files using FormData, HttpClient (for posting multipart/form-data), Angular 10/8 and TypeScript.

Function getemployeelist generate error when show listb of employee

22 Mar 2019 by ahmed_sa

problem get error when make service getallemployee Conversion of type 'Promise' to type 'Employee[]' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.ts(2352) Conversion of type 'Promise'...

Data not display on browser although I get data on console.log(data)angular

18 Feb 2019 by ahmed_sa

problem data not display on browser although i get data on console.log(data)Angular ? i need to show employee list of data but problem is not show on browser but if i make console.log(data) it display as array of object and data show if you make inspect on browser employeelist.component.html...

When delete record it must refresh page to see it deleted why and how to solve problem

18 Feb 2019 by ahmed_sa

problem when delete record it must refresh page to see it deleted why and how to solve problem . when delete data from database sql server it deleted success but not show it deleted until i refresh or reload page why this problem happen and how to solve problem ? onDelete(id: number,...

Error when make date to datepicker control to dd/mm/yyyy formate ?

8 Mar 2019 by ahmed_sa

Problem when convert date picker control to formate dd/mm/yyyy i get error as below compiler.js:2427 Uncaught Error: Template parse errors: Parser Error: Cannot have a pipe in an action expression at column 25 in [api.SHeader.salesDate | date:'dd/MM/yyyy'=$event] in...

Data not display on component.html although it display on variable this.reflistval

16 Mar 2019 by ahmed_sa

I work on project angular 7 with asp.net web API core 2.1 data display on reference.component.ts ngoninit event variables this.RefListVal but not show on Reference.component.html my web API function [HttpGet("{tableName}")] public List GetColumnNames([FromRoute] string...

Data display on strange format how to convert it to json format

21 Mar 2019 by ahmed_sa

problem data display on strange format How to convert it to json format I make function return list of object data of column name where pass table name meaning function return column names joined with table reference but problem data display in strange format as below : the result as...

How to pass table name from first component to second component on angular 7 when click button ?

20 May 2019 by ahmed_sa

How to pass table name from first component to second component on angular 7 when click button ? I have two components and i need to pass table name from first component to second when click button on first component As you see below in first component i write table name by hand this will...

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 :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

How to solve issue no directive found with exportas 'matautocomplete'?

27 Jul 2021 by ahmed_sa

I work on angular 9 I face issue when add angular material auto complete text box error NG8003: No directive found with exportAs 'matAutocomplete'.

How to solve error NG8002: can't bind to 'routerlink' since it isn't a known property of 'a'.?

30 Jul 2021 by ahmed_sa

I work on angular 11 I face error when build angular app ERROR in src/app/Employee-list/employee-list.component.html:22:45 - error NG8002: Can't bind to 'routerLink' since it isn't a known property of 'a'.

File not download on angular 13 although I dont have any issue on web api ?

31 Mar 2022 by ahmed_sa

zip files not downloaded on angular 13 although zip files created and api not give error ? I work on application asp.net web api core 2.2 and angular 13 . I make web api compress files and create it first as zip files . then downloaded on my...

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

How to pass json object to another activity in react native

11 Apr 2020 by Aitzaz Ahsan

On the submit button, I am calling one API after successfully run I want to send data to another activity in the react-native. I tried following source code, I am a newbie in react-native. What I have tried: On submit I am calling this...

Angular Data Flow using Redux

18 Apr 2018 by AkiStar

Use of Redux in Angular application

Functional Programming in TypeScript

U 11 Apr 2024 by Akram El Assas

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

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

Dynamic marker is not working

16 Sep 2019 by Akshay malvankar

i create an array in .ts file , but when i try to run ngFor loop on that array it not working in following is my .ts file import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-marker-list', templateUrl: './marker-list.component.html', ...

How to find all object between 2 range value in angular7?

17 Oct 2019 by Akshay malvankar

I have one array of objects ok, now i want all object that is greater than 2016-09-13 and less than 2019-09-13 here is my code var array = [ { "id" : 1, "name": "akshay", "Salary": 15000, "dob":"1991-08-21", "hired date":"2016-09-11" }, { "id" : 2, "name": "jyoti", "Salary":...

Building a Simple Typescript ORM around sqlite

4 Sep 2021 by Alen Toma

This is a very easy way to build your ORM and have full control over how the database and query is setup.

Building AngularJS application with TypeScript and Visual Studio Code

18 Aug 2015 by Alex Kolesnichenko

This article provides a guidance on building feature-rich web applications using AngularJS framework with Visual Studio Code and TypeScript. Step-by-step instructions from getting basics right to build and test automation.

How set app.yaml variable on github actions/GPC

22 Jun 2022 by alex martins

Hello. I have an application made on TypeScript, deployed by GitHub Actions, hosted on Firebase - Google Cloud. I need set the "instance_class: B4" dynamic depending of environment I have 3 environments DEV, QA and PROD and I want to specify...

module based architect in typescript

20 Jul 2016 by Ali_Khalili

Module based architect in TypeScript

Read a file from local machine

24 May 2018 by AlwzLearning

I have a file located at C drive. I want to read contents of that file in anular 5. What I have tried: I am trying to use filereader in typescript . However how to send file as a parameter from typescript ?

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

How to convert this function into recursive function in javascript?

11 Jul 2022 by Andras Csokan

Hello, I am learning Javascript and TypeScript and got to the Recursion section of my course. Now, I have this exercise, where I need to write a recursive function for changing specific characters into a different character. Here is my code so...

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

Setting up Angular 2 in an ASP.NET 5 Environment

13 Jun 2016 by andre.lombaard

Explaining the processes involved in setting up Angular 2 within an ASP.NET 5 environment

Building a Custom User Interface Control Using Angular 2

15 Dec 2016 by andre.lombaard

Explaining the process involved in building a basic custom user interface control using Angular 2

Reversing PE files statically modified by Microsoft Detours

24 Jan 2022 by Andreas "PAX" Lück

Investigation of PE file modifications performed by Microsoft Detours

Modularizing TypeScript + RequireJS + AngularJS + OWIN (WebAPI + FileServer)

6 Jan 2015 by Andrei Macarie

Intro This post shows a way to structure the web application scripts using TypeScript so that a modular approach may be achieved. The associated sample solution is available on GitHub at: https://github.com/omacarena/novaburst.ModularTypeScript and is best to download it to follow along the way.

Modularizing TypeScript + RequireJS + AngularJS + OWIN (WebAPI + FileServer)

22 Oct 2015 by Andrei Macarie

This post shows a way to structure the web application scripts using TypeScript so that a modular approach may be achieved.

Re-enabling Typescript in Meteor with help of ES7 decorators

25 Nov 2015 by Andrei Markeev

Collection of TypeScript decorators for MeteorJs.

AngularJS 1.x using TypeScript

29 Nov 2015 by anujk0292

Create AngularJS 1.x web application using Microsoft Typescript

AngularJS 2.0 Migration Guide

31 Aug 2016 by Anurag Sharma

The Angular 2.0 migration guide is to help developers and technical leads migrating Angular 1.0 framework to Angular 2.0

A Typescript Library for Google Knowledge Graph (Freebase)

16 Mar 2017 by Arthur Minduca

I developed a Typescript library that wraps the Freebase API and expose some services. The library contains some definitions to provide type checking at compile time and intellisense. I also published the resulting JavaScript. The project is available under MIT license (open source).

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

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 ?

6 Feb 2020 by Arthur V. Ratz

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

Interactive Fun with Multidimensional Data

29 Oct 2015 by Asher Barak

A fun interactive way to present multidimensional data, using D3 and Game of Thrones

Submit a typescript code in article

20 Sep 2017 by Ashish Rastogi @11819728

I am trying to submit the code which is a type script file. What I have tried: While using or the submission html gives error

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

code convert from javascript into typescript

13 Oct 2020 by AshishSarang

HIi wants to convert a angularjs javascript code into typescript. following is the code snippet$scope.sortableOptions = { update: function (e, ui) { var logEntry = tmpList.map(function (i) { return i.value; }).join(', '); ...

Zoom in and zoom out doesn't work for real time D3 line chart

11 Jul 2018 by Ashokyede

Hello All, Zoom in and zoom out doesn't work for real time D3 line chart. It is not able to maintain zoomed in state. I created a real time d3 line chart as code provided in js fiddle http://jsfiddle.net/peDzT/ 1403 / . Chart successfully getting updated after every second. What I want is - ...

Echarts- how to show horizontal scroll bar with 3 lines of legend, and after that scroll if items doesn't fit in 3 lines

26 Jul 2019 by Ashokyede

I am using ECharts to show the trend data in line chart. I have 50 series to show in the line chart. Every series has a legend to show. I want to show the legends on top of the chart. But, I want to show the legends in maximum 3 lines. And if legends doesn't fit in the 3 lines then I want to...

Unable to bind template in angular2 with ROUTER_DIRECTIVES

19 Oct 2016 by Bais Divyanshu

Hi Here the correct way to resolve this issue of template binding.app.component.ts:import { Component } from 'angular2/core';import { RouteConfig, ROUTER_DIRECTIVES } from 'angular2/router';import { HomeComponent} from './ HomeComponent';@Component({ selector: 'my-app', ...

Reference.push failed: first argument contains undefined in property

28 Feb 2018 by bambo Growth

I am trying to send two data (itemName and itemAmout) to firebase database But it gives me this error: Quote: Error: Reference.push failed: first argument contains undefined in property 'shoppingItem.itemName' I dont know where the probleme come from. Here is my code : addItem.ts : import {...

Typescript / Javascript / ECMAScript / ES 6 ?

4 Apr 2015 by Bastien Vandamme

I'm a little confused. What are the links that bind Typescript / Javascript / ECMAScript / ES 6 ? Could you provide me a good article or tutorial to choose and start with one of these language.I read articles on Wikipedia. I know the definition of these language. My question is more what...

Can I use TypeScript to code with Node.js in Visual Studio?

4 Apr 2015 by Bastien Vandamme

Can I use TypeScript to code with Node.js in Visual Studio?

How to Easily Bind VueJS to a Typescript or ES6 Class

29 Mar 2017 by Ben Liebert

How to easily bind VueJS to a Typescript or ES6 class

A Stock Portfolio Application Using KnockoutJS

13 Oct 2012 by Bernardo Castilho

An article that shows how to implement MVVM apps with KnockoutJS and custom controls.