AngularJS Scopes

by Online Tutorials Library July 14, 2022

AngularJS Scopes

The Scope is an object that is specified as a binding part between the HTML (view) and the JavaScript (controller). It plays a role of joining controller with the views. It is available for both the view and the controller.

How to use Scope

To make a controller in AngularJS, you have to pass the $scope object as an argument.

See this example:

     <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/angularjs/1.4.8/angular.min.js?ver=1693425700"></script>  
<div ng-app="myApp" ng-controller="myCtrl">
<h1>{{carname}}</h1>
</div>
<p>The property "carname" was made in the controller, and can be referred to in the view by using the {{ }} brackets.</p>
<p>   </p>

Test it Now

Next TopicAngularJS Dependency Injection

AngularJS Scopes

AngularJS Scopes

How to use Scope

AngularJS AJAX

Cordova App Templates

You may also like