Expression trong AngularJS | 26 bài hướng dẫn AngularJs miễn phí PDF

Trang 1

http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1

Expression trong AngularJS Expression được sử dụng để bind các dữ liệu ứng dụng ra thẻ HTML Expression được viết trong dấu {{ expression}} Expression có cách hoạt động tương đối giống ng-bind directive Các expression trong ứng dụng AngularJS là các JavaScript expression thuần túy và xuất kết quả là dữ liệu mà chúng ta sử dụng

<p> Expense on Books : {{cost * quantity}} Rs </p>

<p> Hello {{student.firstname + " " + student.lastname}}! </p>

<p> Roll No: {{student.rollno}} </p>

<p> Marks(Math): {{marks[3]}} </p>

Dưới đây là ví dụ cho các expression mô tả bên trên:

testAngularJS.jsp

<html>

<title> AngularJS Expressions </title>

<body>

<h1> Sample 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>

Trang 2

http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 2

</body>

</html>

Mở trang textAngularJS.jsp trên trình duyệt web và xem kết quả dưới đây

Định dạng
Số trang	2
Dung lượng	312,56 KB