What is Angular Scopes? How is work?


<!DOCTYPE html>
<html lang="en">
<head>
    <title>Angular Demo</title>
    <script src="https://code.angularjs.org/1.3.14/angular.js"></script>
    <script>
        var app = angular.module("AngularApp",['ngRoute']);
        app.controller('exampleController', function ($scope) {
            $scope.textVal = " ";
        });

        app.controller('helloController', function ($scope) {
            $scope.textVal = " ";
        });
    </script>
</head>

<div ng-app="AngularApp">
    <div ng-controller="exampleController">
        <label>Please enter something to show : </label><input ng-model="textVal">
        <span ng-bind="textVal"></span>
    </div>
    <div ng-controller="helloController">
        <label>Please enter something to show : </label><input ng-model="textVal">
        <span ng-bind="textVal"></span>
    </div>
</div>
</html>

// Code goes here

/* Styles go here */