Typescript

numbers

syntax

npm

compiler

100 Days of TypeScript (Day 10)

9 Jun 2022 by Pete O'Hanlon

In the previous article, I started describing how I had built a more complex TypeScript web application that retrieves data from a separate API and displays the data in a relatively visually pleasing manner.

100 Days of TypeScript (Day 2)

27 Oct 2021 by Pete O'Hanlon

Creating the first TypeScript class

100 Days of TypeScript (Day 3)

28 Oct 2021 by Pete O'Hanlon

More in-depth look at classes, how to add our own constructors and change whether or not code outside our class can see our fields

constructor

compiler

100 Days of TypeScript (Day 4)

30 Oct 2021 by Pete O'Hanlon

An introduction to interface in TypeScript

100 Days of TypeScript (Day 5)

1 Nov 2021 by Pete O'Hanlon

How to use interfaces to set up types so they have certain behaviors

100 Days of TypeScript (Day 6)

7 Nov 2021 by Pete O'Hanlon

How to implement interfaces in TypeScript, inherit from classes and a whole lot more.

100 Days of TypeScript (Day 7)

17 Feb 2022 by Pete O'Hanlon

What is an array and how to use it to manage multiple items

100 Days of TypeScript (Day 7)

25 Feb 2023 by Pete O'Hanlon

How to use arrays to manage multiple items

100 Days of TypeScript (Day 8)

26 Apr 2022 by Pete O'Hanlon

A simple web-based calculator shows how to let TypeScript interact with contents of a web page

100 Days of TypeScript (Day 9)

26 May 2022 by Pete O'Hanlon

App to retrieve Intraday trading prices for Microsoft and display them

bootstrap

16 Days: A TypeScript Application from Concept to Implementation

3 Nov 2019 by Marc Clifton

A metadata driven, view defines the model, schema generated on the fly, from concept to prototype application in 16 days

[TinyERP: SPA for Enterprise Application]Add new staff

19 Nov 2018 by tranthanhtu.vn

Overview. As mentioned in "Manage Staffs - Part 2" part, It was easy to query the list of staffs as they were prepared before hand.. All necessary preparation steps occurred in "Add/ update staff information".. Let see "Add staff" first.. Add the following line into staffs.

[TinyERP: SPA for Enterprise Application]Overview

3 Dec 2018 by tranthanhtu.vn

TinyERP: SPA for Enterprise Application

A lightweight HTML5 grid from scratch

19 Mar 2017 by marcel heeremans

An introduction as to how to create a semi-advanced extendible HTML5 grid from scratch. This really isn't as daunting a task as many think!

A Note on Angular 2 Bootstrap Multiple Apps

7 Mar 2017 by Dr. Song Li

This is a note on how to bootstrap multiple apps in a single HTML page.

A Note on Angular 2 Environment in Visual Studio

11 Dec 2016 by Dr. Song Li

This is a note on setting the environment for Angular 2 & Typescript in Visual Studio.

A Note on Webpack @Angular and Miscellaneous

9 Dec 2017 by Dr. Song Li

This is a note on Webpack, @Angular and miscellaneous topics.

A Simple Dashboard with ASP.NET Core 2.0, SignalR, Angular 5 and Chart.js

10 Apr 2018 by Igor Ladnik

The sample provides Web access to devices status and displays dynamic metrics charts with ASP.NET Core 2.0, SignalR, Angular 5 and Chart.js.

A Simple Dashboard: ASP.NET Web API Services with AngularJS and Angular 2 Clients

25 Apr 2016 by Igor Ladnik

ASP.NET Web API, SignalR and AngularJS / Angular 2 work together

A Simple Pathfinding Laboratory

7 Sep 2018 by Robert Vandenberg Huang

Experiment, run and compare different pathfinding algorithms and heuristic functions

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.

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

Adaptive Hierarchical Knowledge Management - Part II

6 Apr 2021 by Marc Clifton

Adding relationships and relationship instance management - record hierarches

Add external JS file in component to render images in browser with angular 2

24 Dec 2016 by Hein Pauwelyn

I make a site with Angular 2 and will add a JavaScript file to the component. This script must render the height of some images equal to the height of the window of the browser.How could I add this script to the component?The solutions I found on the internet are this:import...

Add HTML5 Document Viewer to ASP.NET MVC 5 Project

1 Oct 2015 by LEADTOOLS Support

This “How To” adds document viewing with page thumbnail navigation and full page view to an ASP.NET MVC 5 project.

Aggregation $graphlookup is not giving proper response in nodejs but working in mongoplayground

9 Nov 2022 by Vamsi Deepak

I am using $graphlookup with mongoose , it is working fine in mongoplay ground but in nodejs it is not giving tree structure data. Instead it is giving TreeResult as empty array Please find the below details: below is the my method in nodejs...

agGrid for Angular (The Missing Manual)

1 May 2020 by Michael Gledhill

Getting started with agGrid for Angular

Angular6

Ajax Loader using Angularjs and Typescript

14 Nov 2015 by Jameel VM

Custom directive for implementing Ajax Loader using AngularJs and Typescript

Ajax methods in TypeScript

1 Feb 2017 by Prabu ram

I am just trying to wrap the jquery ajax methods under Typescript to give a better control from the rest of the code.

An ASP.NET Application using Typescript, AngularJS, RequireJS, AngularJS-BootStrap UI, WebAPI, Entity Framework.

.NET

web

An Advanced and Easy-use AngularJS Modal Dialog

28 Mar 2017 by Shenwei Liu

Update for the modal dialog which is compatible with Angular 1.5x and TypeScript

An Angular Modal Dialog with Advanced Functionality and Easy-use Features

15 Feb 2021 by Shenwei Liu

Presenting an advanced Angular modal dialog service and demonstrating dialog uses and issue resolutions (updated to Angular 11 and available with npm library package).

23 Mar 2016 by Prince Cheruvathur

This article provides simple steps for creating a template for ASP.Net application using AngularJS, RequireJS and Typescript using AMD module system.

An error occurred while running subprocess cordova in ionic 4

19 Mar 2019 by Member 14170167

Hi every one, I am developing an ionic 4 application. The app is running on browser well. But when i build the app for android then get error like "An error occurred while running subprocess cordova." Is there any solution to solve this problem. Help will be appreciated. Thank You here is the...

An Introduction to TypeScript

16 Feb 2015 by Ronnie Mukherjee

An introduction to TypeScript

An SVG Analog Clock

8 Mar 2023 by Marc Clifton

A simple analog clock rendered in Scalable Vector Graphics

SVG

Analysis Service MDX Query Viewer web client

7 Jan 2020 by Fedor Dzjuba

Client and a WebAPI to execute MDX query against SSAS and display a resulted cellset in a pivoted grid form with Axis neatly arranged in a hierarchical and grouped manner.

Analyze & Fix your Angular 6 code using TSLint

24 Sep 2018 by Rajneesh Kumar Verma

Analyze and fix your Angular 6 code using TSLint

Windows

Angles of angularjs - Part 1

25 Apr 2016 by NavnathKale

Extending AngularJS with the help of TypeScript to make it even sweeter

Angles of AngularJS - Part-2

20 Apr 2018 by NavnathKale

Part 2 – Extending AngularJS to make it more simple and dynamic

Angular - add option to select on button click

15 Apr 2019 by Dominick Marciano

On my current Angular page I have a select dropdown which is autopopulated with addresses that currently exists for a client, with the final option being "Add New Address". When this is clicked, a modal window is shown where a new address can be entered. When the address is saved it should be...

Angular7

Angular - add option to select on button click

15 Apr 2019 by Christian Graus

Your list of addresses should be a collection that exists in code. It would need two way binding. You can then add the new item to the collection and it will rebind and show it. You didn't post your template, does it have a way to set the selected item? This should also be a variable you can...

Angular7

Angular / rxjs how to unsubscribe from a post request?

22 Jul 2022 by karnotavr

I have simple post request, that I use to create messages. The problem is that the function sendMessage() will work the same way forever, sending the same message into DB even after I change text. This continues until I destroy the table. Will...

Angular / rxjs how to unsubscribe from a post request?

22 Jul 2022 by Chris Copeland

You could use the rjxs method take() which allows you to specify a number of times the subscription should be valid for. This is a quick and easy way to automate the unsubscribe process: ...

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

Angular 1.4.8 Strongly Typed in TypeScript

2 Jan 2017 by Manfredzik

This article shows how to write strongly typed client-side scripts in AngularJs framework with TypeScript.

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.

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.

Angular 10/9 Update Guide with Examples

28 Apr 2020 by Ahmed Bouchefra

How to upgrade project and dependencies to latest Angular 10 version

Angular 2 & .NET Core Developing Web App from Scratch Part 2: Implementing Front-end Part

4 Feb 2017 by O.Nasri

Great article to learn how you can create web application from scratch using Angular2 & .NET CORE WEB API

Angular 2 custom component with validation for bank account number

23 Sep 2016 by bob.bumsuk.lee

Building Angular 2 attribute directive and two components in model-driven and template-driven way to capture and validate bank account number across multiple input fields

Angular 2 Custom Controls with ASP.NET Core WebAPI

25 Jan 2017 by Nesreen Maged

Angular 2 Type Script Custom Controls Integrated with ASP.NET Core web API

Angular 4 Data Grid with Sorting, Filtering & Export to CSV

10 Jul 2017 by Yaseer Mumtaz

This article helps to understand the architecture and use of simple data grid developed in Angular 4.

Angular 4 Insert, Update, Delete with ASP.NET WEB API

20 Sep 2018 by Sujeet Bhujbal

Angular 4 Insert, Update, Delete with ASP.NET WEB API

Angular 4 Navigation - A Simple Introduction

13 Sep 2017 by Han Bo Sun

Basic intro to Angular 4

Angular 5 – Reactive Forms with Dynamic FormArray and Simple Validation

28 Apr 2018 by Bryian Tan

How to dynamically display controls in FormArray using Angular 5 Reactive Forms and enable/disable the validators based on the selection

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

Angular 6 within ASP NET Core 2.1

2 Jun 2018 by Juan G. Carmona

The easiest way to mix both worlds

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

10 Mar 2019 by Fred Song (Melbourne)

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

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

9 Apr 2019 by Fred Song (Melbourne)

Angular 7 with .NET Core 2.2 - Global Weather

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

Angular and Azure AD part 3 - adding role based security

17 Apr 2019 by Christian Graus

Adding role based security to our Azure AD/Angular website

Angular Breadcrumbs with Complex Routing and Navigation

1 Mar 2020 by Shenwei Liu

An Angular sample application and discussions on breadcrumbs with advanced routing strategies, navigation scenarios, practical workflow, and more (latest update with Angular 9 CLI and ASP.NET Core 3.1 website).

Angular Command Prompt

7 Jun 2018 by David A. Gray

If you use the Angular CLI, you need a custom command prompt, along the lines of the Visual Studio Developer Tools command prompt.

Angular Custom Validation Component

1 May 2018 by Pranay Rana

This post is about validation in Angular 2 application, which means it's about validation on client side, not about server side.

Angular Data CRUD with Advanced Practices of Reactive Forms

6 Dec 2020 by Shenwei Liu

An Angular sample application that includes selecting, adding, updating, and deleting data with HttpClient service, reactive forms for object and array types, in-line data list editing, custom input validations, and various other features (latest update with Angular 11 CLI and ASP.NET Core 5.0).

Angular Data Flow using Redux

18 Apr 2018 by AkiStar

Use of Redux in Angular application

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

Redux

5 Feb 2020 by Fred Song (Melbourne)

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

Angular how to parse the function below?

11 Mar 2022 by Mahmoud mohd

how can i make my code appear on runtime when deployed ? should i parse it and how do i parse it ? and on the console.log it shows me the array of colors getRandomColor(){ console.log('colorsss') // let colors = ['#33FFFD',...

Angular Migration to 16

17 May 2023 by Bhargav Technical Lead

Angular migration to version 16

Angular url case insensitive

29 Nov 2018 by Member 13582084

I'm new to angular. I have a question. localhost:4200/product working but localhost:4200/Product not working. What I have tried: I try import { DefaultUrlSerializer, UrlTree } from '@angular/router'; export class LowerCaseUrlSerializer extends DefaultUrlSerializer { parse(url:...

Angular url case insensitive

5 Mar 2018 by Darshan Sukumar

Hi there, The routes in Angular are case sensitive. In the routeconfig, you have specified the url path as "product". If you still wanna support both the case , add a new route in the route config as follows: { path: 'Product', component: ProductComponent }

Angular url case insensitive

29 Nov 2018 by Member 14070740

You're on the right track. The steps to making your Url routes insensitive are as follows: 1) Create a UrlSerializer that derives from the DefaultUrlSerializer (you did that). import { DefaultUrlSerializer, UrlTree } from '@angular/router'; export class LowerCaseUrlSerializer extends...

Angular Virtual Scrolling — ngVirtualScrolling

25 Oct 2018 by Sibeesh Passion

A bit of explanation about one of the Angular 7 features, i.e., Virtual Scrolling

Angular2 + CData API Server: Data-Driven Dynamic Web Apps

10 Feb 2017 by Jerod Johnson

Use the CData Software API Server to create an OData service for your databases and build a dynamic Web app based on the database data.

Angular2 - Binding

26 Jan 2017 by tranthanhtu.vn

Binding in Angular2

Angular2 - Component

17 Jan 2017 by tranthanhtu.vn

Angular2 - Component

Angular2 api controller call from ts service file

15 May 2017 by Member 13158288

Hi, i have two solutions 1. ASP.NET web application(.Net framework)(Web Api) 2. ASP.NET Core application(.Net Core) in Visula Studio 17. import { Injectable } from '@angular/core'; import { Http, Response, Headers, RequestOptions, RequestMethod } from '@angular/http'; import...

WebAPI

Angular2 cannot compile ts file to js file in visual studio 2015

20 Mar 2017 by Member 13071001

Hi everyone I am trying to learn angular2 and I'm using Visual Sutio 2015.I made an angular2 project in a web application in visual studio. Everything was working well, I could make changes, create a new component typescript was compiling and in the browser was displayed the content of my...

Visual-Studio

Angular2 Component Skeleton Generator

11 Jul 2016 by NguDeveloper

A npm plugin to improve the productivity of Angular2 development

Node.js

Angular2 Custom Grid(Sorting, Paging, Filtering, Column template, edit template)

27 Sep 2017 by Vinu Sorout

Angular2 Custom Grid(Sorting, Paging, Filtering, Column template, edit template)

Angular2 with javascript or angular2 with typescript which one most of companies are looking for?

10 May 2017 by Member 11242597

please tell me angular2 with Javascript or Angular2 with typescript which one most of companies are looking for? What I have tried: angular2 with Javascript or Angular2 with typescript which one most of companies are looking for?

AngularJS // BootStrap / typescript / TypeLite / Font awesone / ASP.NET Web API 2

19 Feb 2016 by mbruchet

How to make a multipleplateforme compatible mobile user interface with AngularJS // BootStrap / typescript / TypeLite / Font awesone.

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

Angularjs and kendo ui

12 Nov 2013 by mangalord

I am trying to get navigation of kendo ui to work with angular js. The problem is that whenever i set ng-app navigation stops working. So if i leave it works but when i use it stops working.

Kendo

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