Expressions ApplicationHello {{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> |