Angularjs Examples

AJS Examples


AngularJS Scopes

Scope is a special type of object in AngularJS and it act's like bridge between controller and view. It can hold any type of javascript type including object. In AngularJS, scopes are arranged in hierarchical structure which mimic the DOM structure. The scope object are declare as data model in controller to hold the properties and accessible to the view.

AngularJS Scopes Example

<html>
<head>
<title>My first AngularJS Scope code</title>
<Script SRC="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js">
</Script>
<Script>
//Defining Controller Using AngularJS Module
var app = angular.module('yourApp', []);
    app.controller('yourController', function($scope) {
        $scope.customer = { name: "Jimi Scott", address: "12-13-283/A1", email: "Jimi@yahoo.com" };
    });
</Script>
</head>
<body>
<div ng-app="yourApp">
<div ng-controller="yourController"> 
<p>Customer Name : {{ customer.name }}</p>
<p>Customer Name : {{ customer.address }}</p>
<p>Customer Name : {{ customer.email }}</p>
</div>
</div>
</body>
</html>
See Live Example