Angular

Create a date duration pipe in Angular to generate ISO valid duration strings

The HTML <time>-element comes across with its datetime attribute. As a value we can provide a date, but also valid duration string according to ISO 8601.…

One- and Two-Way Data-Binding in Angular

One-way data-binding One-way data-binding is, when informations flows only in one direction. In Angular this refers to data, which is flowing from your…

How to bind an Event to an component template Element in Angular

To bind an event to an element in Angular you have to specify the name of the event (target event name) as well as the JavaScript to execute, when the event is…

Angular Folder/Directory Structure for your App

The Angular framework comes accross with multiple types of source files in your project directory. To keep things organized, we will create a folder structure…

How to delete a component in Angular

Inside ./src/app/app.module.ts: Remove the @import statement Remove the component variable from the @NgModule declarations array Remove the component…