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
- Your system's memory configuration has changed since it entered hibernation.
- Save image to client browser using jQuery?
- Get filename of image jQuery?
- How to get the image src using JavaScript?
- System.Net.Http.Formatting, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' which has a higher version than referenced assembly 'System.Net.Http.Formatting' with identity 'System.Net.Http.Formatting, Version=4.0.0.0
- Cordova Android build error "Cannot read property 'length' of undefined". An error occurred while running subprocess cordova.
- ERROR in The Angular Compiler requires TypeScript >=3.9.2 and <4.0.0 but 3.8.3 was found instead
- Code ENOLOCAL Could not install from "android" as it does not contain a package.json file.
Related Article