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
- How to Encode & Decode using Base64 in Python?
- Unspecified error-The function is not implemented. Rebuild the library with Windows, GTK+ 2.x or Cocoa support.
- How to generate a Captcha verification code image with Python?
- How to show an image using path python PIL?
- How to remove Background from the images using Python?
- Python generate QR code image
- Insert excel file data into MySQL database in Python
- ImportError: Missing optional dependency 'xlrd' | How tot Convert xls to xlsx | Python
Related Article