The largest Interview Solution Library on the web


« Previous | 1 | 2 | 3 | Next »
AngularJS Expressions

Expressions Application

Hello {{student.firstname + " " + student.lastname}}!

Expense on Books : {{cost * quantity}} Rs

Roll No: {{student.rollno}}

Marks(Math): {{marks[3]}}

<html>
<!-- Expressions are used to bind application data to html -->
<!--Using numbers <p>Expense on Books : {{cost * quantity}} Rs</p>-->
<!-- Using strings <p>Hello {{student.firstname + " " + student.lastname}}!</p>-->
<!--Using object :<p>Roll No: {{student.rollno}}</p> -->
<!-- Using array : <p>Marks(Math): {{marks[3]}}</p> -->
<head>
<title>AngularJS Expressions</title>
</head>
<body>
<h1>Expressions Application</h1>
<div ng-app = "" ng-init = "quantity = 1;cost = 30; student = {firstname:'Mahesh',lastname:'Parashar',rollno:101};marks = [80,90,75,73,60]">
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
<p>Expense on Books : {{cost * quantity}} Rs</p>
<p>Roll No: {{student.rollno}}</p>
<p>Marks(Math): {{marks[3]}}</p>
</div>
</body>
</html>
« Previous | 1 | 2 | 3 | Next »


copyright © 2014 - all rights riserved by javatechnologycenter.com