The last post of this series is about the implementation of the bootstrap module in an Angular Hybrid application, that is first of all create the Angular.io main module which take care about launching the related Angularjs main module and as second step configuring UI Router routes for a new Angular.io module which will coesists... Continue Reading →
Implementing an Angular Hybrid App Part 3
This post talk about the installation and configuration of Angular.io and Webpack in a bigger activity of upgrading an Angularjs application into an Hybrid one, where both the framework coesists and where we are free to implement both with the old or the new. As we'll see, in the Angular installation we'll have to be... Continue Reading →
Implementing an Angular Hybrid App Part 2
The upgrading of an Angularjs SPA into an hybrid one (Angularjs + Angular.io) is composed by one step that is hardest than the others and this step is the refactoring of js files in typescript modules. What we've seen in the previous post is prepare the Angularjs files and remove incompatibilities like $scope and implicit... Continue Reading →
Upgrade an Angular 2 application to Angular 4
One years ago I wrote a series of posts about Angular 2 and how we can develop a base application with this new framework. The time is gone and during this period many releases came; the last Angular 4 version is 4.4.6 and a new stable version of the framework has been released in version... Continue Reading →
Webpack with Angular2
In a previous post I spoke about the configurations to manage bundles in angular 2 with Systemjs. For this purphose, the latest versions of Angular CLI uses webpack and we can use it as module bundler in the new angular 2/4 applications. The reason of this choice is that webpack has a lot of plugins that they... Continue Reading →
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 →
Http service in Angular 2
Use the http service in Angular 1 meant to deal with promises and defer, because it was based on APIs exposed by the $q service. Angular 2 makes a step ahead and the new implementation of the http service involves the observable pattern, with the using of RxJS javascript library. Why this big change? Because... 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 →
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 →
Mirko Maggioni 