Tutorial 15: Custom Directives in AngularJS

In AngularJS by Hafiz Faraz22 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives This is angularjs custom directive tutorial. Lets see, how to make custom directives in angularjs? We will be making use of our existing guitar angularjs app which we have been working in Tutorial 14: Form Validation in AngularJS. You can …

Tutorial 14: Form Validation in AngularJS

In AngularJS by Hafiz Faraz11 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives Lets see how we can add form validation in angularjs application. We will be making use of our exisiting guitar application which we have been working in  Tutorial 13: Tabs in AngularJS . You can download previous tutorial complete …

Tutorial 13: Tabs in AngularJS | Working with tabs

In AngularJS by Hafiz Faraz17 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives This tutorial is about angularjs tabs, for this we need to continue working on the example from previous tutorial. You can download required files here. Lets add some more interactivity to our application by adding …

Tutorial 12: AngularJS Animation | ngAnimate AngularJS

In AngularJS by Hafiz Faraz18 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives For this tutorial, I am going to write about angularjs animation, for this we need to continue working on the example from previous tutorial. You can download required files here. The $animate service allows you to …

Tutorial 11: AngularJS Navigation

In AngularJS by Hafiz Faraz14 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives This tutorial is connected to previous tutorial, you need to have project files(Download) in order to add angularjs navigation in our guitar application. We’ve got all the elements of a fully functional angularJS application …

Tutorial 10: Angularjs routeParams Example | Angularjs $routeParams

In AngularJS by Hafiz Faraz28 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives Angularjs routeParams is a service that allows you to retrieve the current set of route parameters(URL Parameters). In previous tutorial, we had the basic structure so that our application can handle routing but we …

Tutorial 9: How to config angularjs routing? | Angularjs Routing

In AngularJS by Hafiz Faraz20 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives Once your application gets bigger, its a good idea to organize your content. On a normal website, you do this using different pages. Angular after all is a framework for creating single page applications. …

Tutorial 8: Binding input field to filters | Data binding angularjs

In AngularJS by Hafiz Faraz10 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives Here we shall concentrate on data binding angularjs. In addition to using filters to modify the data from models, you can use them to control how the information is bound to form elements. In …

Tutorial 7: Using filters in AngularJS service | AngularJS Filters

In AngularJS by Hafiz Faraz17 Comments

List of angularjs tutorials Introduction  Basic App  MVC Architecture  Modules  Complex Models  Reading JSON  Filters  Data Binding  Routing  $routeParams Navigation  Animation (Video) Tabs (Video) Form Validation (Video) Custom Directives AngularJS lets you organize data, so that it only shows up something if it meets certain criteria. It does through something called AngularJS filters. Filters in angularjs transforms the data as it passes from …

View Post

Tutorial 6: Using AngularJS service | Reading JSON file

In AngularJS by Hafiz Faraz64 Comments

We can access external data by using angularjs service , so far we bringing in data and pasting into a variable called guitarVariable. You probably gonna bring data in a file so it is easier to manage that way. In traditional javaScript you bring in data using XHR request from a JSON file, you probably know that technique as ajax. In …