Angular JS provides a powerful and intuitive new way of creating web applications.  Angular extends the DOM to give developers far more power within HTML.

By using simple statements directly in the html dom Angular makes the connection to the user interface more intuitive and removes a step or two for those used to developing with jQuery.

Simple Angular Example

The example below shows how to use Angular to hook up a variable to the display of an element.  In the case below if $ is true the div will display otherwise it will not be shown.

<div ng-app=”app” ng-controller=”exampleCtrl”>

<div ng-if=”show”></div>


var app = angular.module(‘app’, []);

app.controller(‘exampleCtrl’, [‘$scope’, function($scope){

$ = false;