Angualr scope is the binding part between the HTML and JavaScript. The scope is available in View and Controller.
Use of Scope
You can use scope in Angular using $scope variable as show below example
<div ng-app="devApp" ng-controller="devCtrl">
<h1>{{name}}</h1>
</div>
<script>
var app = angular.module('devApp', []);
app.controller('devCtrl', function($scope) {
$scope.name = "Developerdiary";
});
</script>In the view, you do not use the prefix $scope, you just refer to a propertyname, like {{name}}.
What is the $scope
Scope is the javascript object with methods and properties. Following are the example for understanding the scope better
Using : ng-repeat
<div ng-app="devApp" ng-controller="devCtrl">
<ul>
<li ng-repeat="x in number">{{x}}</li>
</ul>
</div>
<script>
var app = angular.module('devApp', []);
app.controller('devCtrl', function($scope) {
$scope.number = ["1", "2", "3", "4", "5"];
});
</script>
