The sample routes and its config looks like this: The routes configuration goes in the config function of module. For routing support we will use ngRoute, a routing module from AngularJS team. to navigate on various states in application. We will use routes like #/contacts, #/contacts/1xxx, #/contacts/add etc. We had covered the ways to access the localStorage and sessionStorage with AngularJS And earlier we had used jQuery to create that application, and we will use the local storage to store and access our data in the application. Right now it has modal pop ups to create new states bit everything resides there. So going ahead, we will design it Contact Store Application as a SPA. But I will go ahead with the AngularJS as for a basic SPA design, it doesn’t has any dependency on third party lib. We can choose from many like AngularJS, Aurelia, Backbone, Knockout etc. Yo create SPAs, we will need a library that supports the basic ingredients that we talked about earlier in the post.
Browser’s back and forward buttons are fully functional. 
Easy navigation directly with URLs for users who are more experienced with the application. For older browsers, URL keeps changing like visiting new pages. In terms of the Front end development, Routing is a way to give state to the Web Apps with the help of URL hashtags (#/profile, etc.)įor modern browsers it works with the History API of HTML5. Different Abstraction Layers for Data Access. Angularjs sample page code#
Modularisation and Maintainability of code. The main reason behind writing the Single Page Application is to create a close-to-native-app like User Experience. Decoupled modules that expose small external surfaces. More can be read from this book’s site, but a basic understanding is pretty much clear from the above citation from the book.Īnd the can be expected to work on following principles: This is achieved by separating the data from the presentation of data by having a model layer that handles data and a view layer that reads from the models.Īnd its pretty much convincing. Single Page Applications are distinguished by their ability to redraw any part of the UI without requiring a server roundtrip to retrieve HTML. How does it help in Hybrid mobile or Desktop app development?įor quick view, this is what we are going to build:Īccording to Single page apps in depth book,. What is SPA or Single Page Application?. It is SPAs who reduce the differences between the actual desktop applications and Web Enabled Desktop applications. Some ways can allow you to develop Desktop applications also with the help of Web Technologies. SPAs give a feeling of working on any Local Application and these because of these SPAs, Hybrid Mobile App development is in pace. SPAs or Single Page Applications are the advancement in the web development which exploits the AJAX to its maximum extent. AngularJS is quite much in talks reason being the ability to build the Single Page Applications with Routing.
0 kommentar(er)
