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 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 →
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 →
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 →
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 →
Manage tables data with AngularJS Part 1: tables metadata
During the deployment of an AngularJS app, we often develop controllers and views to manage data of basic tables, such as zip, city, country and so on. We need to offer to the users the CRUD operations of these tables; the functionalities and the structure of these controllers/view are very similar and you need to... Continue Reading →
Angular implicit annotation with Gulp
As you know, AngularJS provide the management of the module dependencies through the dependency injection. In order to be able to manage these dependencies, Angular allows specific annotations that the developers can use to define their modules. Dependency Annotation For example, in an Angular application written with Typescript, the dependencies can be inject in the... Continue Reading →
ASP.NET SignalR and TypeScript in an AngularJS SPA
SignalR is a javascript library for helping developers to add real-time functionalities to web applications. This example is a Angular SPA developed using Typescript, to take advantage of Object Oriented features in the client-side code development. This application has a simple orders list, that every user can manage; every time a user make a change... Continue Reading →