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 →
Implementing an Angular Hybrid App Part 1
Before the release of Angular.io, React, Vue, the most used framework for SPA was without any doubt Angulajs. We used it for small and large applications, because of its modularity that help us to organize the code in different logic modules. But now with the release of new frameworks, we have some questions: how I... Continue Reading →
Javascript code refactoring with Visual Studio 17
As we have seen in the previous post, Visual Studio 2017 have introduced a lot of code refactoring tools for C# and other languages like javascript. We can customize these options as we prefer and, for some aspects, define the rules for Javascript formatting is most important than with C# because with the first one... Continue Reading →
Consume Web API OData with ODataAngularResources
One month ago, I wrote this post about the odata services and how we can consume those with the $http factory of Angularjs. This approach is not wrong but is not smart at all, because we have to write every query for any call that the application needs to do, and is not flexible. What... Continue Reading →
Consume Web API with an Angularjs service
This topic concerns a problem that I faced in these days, that was the building of an Angularjs service to consume Web API's, witch in my case were implemented with OData protocol. The start point are some Web API's, one for every entity of the project, that they responds to a specific url, for example:... 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 →
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 →
Mandatory fields validation with knockoutjs extenders
Knockout is a lightweight javascript library that help us to bind the UI with a model and build rich web UI interactions. The main behaviour of this library are the observable variables, that allow us to make a bidirectional binding between the html fields and the view model of the page. An interesting feature is... 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 →
Mirko Maggioni 