Scribd Logo
Upload

Welcome to Scribd!

  • AngularJS Scopes

    Uploaded by

    prr technologies
    5 views1 page

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views1 page

    AngularJS Scopes

    Uploaded by

    prr technologies

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    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:

    <!DOCTYPE html>
    <html>
    <script
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <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>The property "carname" was made in the controller, and can be referred to in the
    view by using the {{ }} brackets.</p>
    </body>
    </html>

    You might also like