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:
Post your comments / questions
Recent Article
- ValueError:All arrays must be of the same length - Python
- Check hostname requires server hostname - SOLVED
- How to restrict access to the page Access only for logged user in Django
- Migration admin.0001_initial is applied before its dependency admin.0001_initial on database default
- Add or change a related_name argument to the definition for 'auth.User.groups' or 'DriverUser.groups'. -Django ERROR
- Addition of two numbers in django python
- The request was aborted: Could not create SSL/TLS secure channel -Error in Asp.net
- FieldError: Cannot resolve keyword 'id' into field in Django project
Related Article