Expression trong AngularJS





Expression được sử dụng để gắn kết 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.

Sử dụng số trong Expression trong AngularJS

<p>Chi phi muon sach: {{gia * soluong}}.000 VND</p>

Sử dụng chuỗi trong Expression trong AngularJS

<p>Xin chao {{sinhvien.ho + " " + sinhvien.ten}}!</p>

Sử dụng đối tượng trong Expression trong AngularJS

Loading...
<p>MSSV: {{sinhvien.mssv}}</p>

Sử dụng mảng trong Expression trong AngularJS

<p>Diem thi (Mon Toan): {{diemthi[3]}}</p>

Ví dụ

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

viduExpression.html
<html>
<title>Vi du Expression trong AngularJS</title>
<body>
<h1>Ung dung AngularJS</h1>
<div ng-app="" ng-init="soluong=2;gia=40; sinhvien={ho:'Tran Minh',ten:'Chinh',mssv:20150678};diemthi=[8.5,9,7.5,9,6.0]">
   <p>Xin chao {{sinhvien.ho + " " + sinhvien.ten}}!</p>   
   <p>MSSV: {{sinhvien.mssv}}</p>
   <p>Chi phi muon sach: {{gia * soluong}}.000 VND</p>
   <p>Diem thi (Mon Toan): {{diemthi[3]}}</p>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</body>
</html>

Kết quả

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

Ví dụ Expression trong AngularJS
Loading...

Loạt bài hướng dẫn học AngularJS cơ bản và nâng cao của chúng tôi dựa trên nguồn tài liệu của: Tutorialspoint.com

Follow https://www.facebook.com/vietjackteam/ để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.