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 →
Lazy loading of modules in Angular 2
In the last post I shortly mentioned the ability of Angular 2 router to load lazily the application modules. This topic deserves more explanations, so let's go into details about this feature. The start point is an Angular 2 applications with a couple of indipendent modules; in orther to have better performances we want to... 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 →
Bootstrapping an Angular 2 application
In an Angular 2 application we have different options to load application and modules, and one of these is SystemJS. This is an open source project that give us the ability to load bunch of modules and define for each one the corresponding default main module. Therefore you can use this library to define a default... Continue Reading →
Manage tables data with AngularJS Part 3: configuring the fields typologies
The last part of this argument is configuring the field typologies of the tables to manage. What you need to do is specify for one or more fields of the table a couple of informations, like the typology of the field (text, number, radio, dropdown) and perhaps a list of values. Also we might want... Continue Reading →
Manage tables data with AngularJS Part 2: nested directives
With the Angular directives you can build reusable components, witch can accept parameters and scope variables, and witch can have customized behaviours. It can be nested and communicate between them with functions and parameters. We can using the directives for implement a dynamic HTML table grid, with dynamics rows and columns. Grid model In order... Continue Reading →
Mirko Maggioni 