Scope (scope) is the link between HTML (view) and JavaScript (controller).

Scope is an object with available methods and properties.

Scope can be applied to views and controllers.

AngularJS Scope(scope) syntax

When you create a controller in AngularJS, you can pass the $scope object as a parameter

AngularJS Scope(scope) example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<h1>{{carname}}</h1>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.carname = "Volvo";
});
</script>

<p>控制器中創(chuàng)建一個(gè)屬性名 "carname"，對應(yīng)了視圖中使用 {{ }} 中的名稱。</p>

</body>
</html>

Run instance ?

Click the "Run instance" button to view the online instance