Attachments management with Angular 2

A common issue that we faced in our applications is implement a component to allow the management of the attachment upload. We need to insert a file input field in the page, grab the change event of the field, extract the file and send it to a service. Recently I have needed to implement this... Continue Reading →

Translations in Angular 2

A common requirement in Angular 2 is configure and share a service used from all the components of the application. In a multilanguage application, a service that we need to use is the provider for the language translations; obviously this module will be used in all the components, or at least in those that have... Continue Reading →

Feature modules in Angular 2

Angular 2 give us the chance to organize our application in modules. Briefly, a module is a library where there may be components, directives and pipes and define a block of functionalities; Angular 2 libraries itself are modules, like FormsModule, HttpModule. One cool behaviour of the modules is the ability to be loaded eagerly or lazyly through... Continue Reading →

Pipes in Angular 2

Developing an Angular 1 application, filters were very useful to accomplish different needs such as filter values from an array, apply a display format to a value and so on. In Angular 2 filters are non longer availables and the pipes take place. Instead of filters, angular pipes are more flexible because they are able to... Continue Reading →

ViewChilds in Angular2

In some cases we enable the communication between a parent and a child component by using parameters passed to the child; or the parent component can waiting an event that will be emitted from the child. But in other cases the parent need to access to methods of the child component, so we need to... Continue Reading →

Master-detail component in Angular 2

One of the new features of Angular 2 is the communication between components and how they can share informations and events. It’s very frequent that you have to implement a master/detail view, where you have a list of elements and we need to show the detail when the user click on a row. Let’s go... Continue Reading →

Data Binding in Angular 2

Angular 2 introduce  a new powerful data binding syntax, that you can use in the application views. With this new features, you can specify for every element if it’s binded one way (property, function) or two way (model update). The new sintax is very clear and once you understand is very easy to use it... Continue Reading →

Create a website or blog at

Up ↑