AngularJS Objects


AngularJS Objects : AngularJS Objects are same as the javaScript Objects. You can perform operation same as the javaScript Objects.


AngularJS Objects simple Example using Expressions

<div ng-app="" ng-init="myobj={str1:'John',str2:'UK'}" >

    <p>Hi This is {{myobj.str1 + " From " + myobj.str2}}</p>

</div>

Example 1

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>

<body>
<div ng-app="" ng-init="myobj={str1:'John',str2:'UK'}" >

    <p>Hi This is {{myobj.str1 + " From " + myobj.str2}}</p>

</div>

</body>
</html>

Try it »

Example of Objects with ng-bind

Example 2

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="myobj={str1:'John',str2:'UK'}" >
    <p>Hi This is <span ng-bind ="myobj.str1 + ' From ' + myobj.str2"></span></p>
</div>
</body>
</html>

Try it »


User Ans/Comments

📖 Read More


Advertisements