Angular-js

How to pass an object using scope in angularJs?

How to pass an object using scope in angularJs?, someone asked me to explain?

In this article, I will show you how to pass an object into the scope object with angularJs example. if you are the new one for adding an object to scope it will help. Kindly refer the link how to register controller in to model.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <script type="text/javascript">
        var myModule = angular.module("myapp", []);
        myModule.controller("mycontroller",function($scope) {

          var customer = {
                firstname: "Mohamed",
                lastname: "Rasik",
                gender: "Male",
                contact: "+919898989898"
            };

          $scope.customer = customer;
        });
    </script>

<body ng-app="myapp">
    <div ng-controller="mycontroller">
        <div>
            First Name = {{customer.firstname}}
        </div>
        <div>
            Last Name = {{customer.lastname}}
        </div>
        <div>
            Gender = {{customer.gender}}
        </div>
        <div>
            Contact = {{customer.contact}}
        </div>
    </div>
</body>

Description: 

Here, myapp is module name and mycontroller is controller. We registered a Mycontroller into myModule by using a controller property of angularjs. Here the customer is an object. It contains Firstname, Lastname, gender and contact properties. We added the customer object into the scope with the property name of the customer. Once the customer object is added into the scope, then it will be available in the view.

Output:

object passed using scope angularJs

Post your comments / questions