This post demonstrates how to create nested views with UI-router.
This post demonstrates how to create a proper and typical AngularJS application with controllers. In my previous post Your First AngularJS Application, I didn’t touch on the basics to create a very simple and typical AngularJS application. However, the example allows us to bootstrap the AngularJS application (single-page) and demonstrates the two-way binding feature wherein the characters are displayed as you type them in the textbox.
With AngularJS, you write Single Page Applications (SPAs) that uses only a single main page (e.g., index.html) to render its User Interface (UI) component. How the UI visually response to users happens within that single page. Each section of the page may display different content. SPAs generally do not redirect to another main page.
Routing is a way to change the content of one or more sections of the page. One way to do implement it is using ngRoute
Previously I wrote about routing using ngRoute. This post demonstrates how to implement routing using UI-Router, a rather flexible routing solution with nested views in AngularJS unlike ngRoute.
Previously I wrote about routing using UI-router. This post demonstrates how to programmatically move from one state to another instead on a set of ui-sref links.
This post demonstrates how to use services from another module.
This post shows how to run codes when you go to and/or leave from a particular state (or route). One very simple use-case for this is when you want to log something right before a page is displayed and/or before moving to another page.
Share Data using $rootScope Consider the following diagram. [wp_ad_camp_5] Root Scope represents $rootScope; while Scope represents $scope. Via Dependency Injection (DI), each $scope is unique to every instance of a