01 May AngularJS

Posted at 15:15h in Javascript by

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 $scope.show is true the div will display otherwise it will not be shown.

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

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

</div>

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

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

$scope.show = false;

});