Home / Tag Archives: AngularJS Tutorials

Tag Archives: AngularJS Tutorials

Bootstrapping AngularJs 1.5: Step by step tutorials

The Complete AngularJs tutorial

Here you can learn angularJs 1.5 step by step. This tutorial will cover how to create Bootstrapping AngularJs project and learn to write custome directive, services, controller, ui-router concepts, Data Binding and ngEvents and Two way binding using ng-model. Demo is available for Each steps and download the tutorial for each demo.

Read More »

Passing State Parameters

In the last tutorial we have seen a new State but it just navigated us to a new Page with text “More”. So in this tutorial we are going to see how we are going to display the “More” page with bigger image of the car and the description of the car and as well a “Back Button” for going back to home page. Well, I am going to break the above work in three steps.

Read More »

Creating the page navigation using states

After all the work done in the last two tutorials we are about to do the real stuff which we need to do. In our app on the right side we always see the description of the car and now we are going to include a button labeled “More” and on click of the “More” we are to navigate to a new page. Let’s do that one by one.

Read More »

Removing # Tag in the AngularJs Project url

In the last tutorial we have seen there happened to be a change in the url. The url changed from http://127.0.0.1:58586/index.html to http://127.0.0.1:58586/index.html#/ . This change is because of the introduction of the ui-router and its default state mechanisms. By default ui-router uses # tag for navigation and this behavior needs to be overridden. To bring back to the normal url without # tag we need to implement the following steps.

Read More »

Setting up Navigation to Angular Js Project

Angular is mostly used for SPA (Single Page Application) but still every app requires some kind of navigation from one view to other view. Take our very own application here we navigate now on click of click of the images we populate the description on the right hand side. What if I need a button in the right hand side labeled “More” and on click of the “More” I need to go to a different view/page completely without hiding or showing something. Does Angular has any tricks up in the sleeves?

Read More »