Expressions of AngularJS

AngularJS Forms

To bind application data to html expressions are used. It is written inside of double braces like {{expression}}. It uses same way as ng-bind.

Following example will show all the expressions of AngularJS:

<html>
<title>My AngularJS Expressions</title>
<body>
<h1>AngularJS Expressions</h1>
<div ng-app="" ng-init="quantity=2;cost=10; colleague={firstname:'Tim',lastname:'Ererld',salary:25000};Points=[10,20,30,40,50]">
<p>Welcome {{colleague.firstname + " " + colleague.lastname}}!</p>
<p>Price(Rs) : {{quantity * cost}}</p>
<p>Salary: {{colleague.salary}}</p>
<p>Points: {{Points[3]}}</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</body>
</html>

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

You may like:  Directives of AngularJS

Leave a Reply

Your email address will not be published. Required fields are marked *