Tài liệu “Web207-Lab4 – Front End Framework – Cao đẳng FPT” là nguồn học liệu chuyên sâu về Framework Front-end, được biên soạn bởi FPT Polytechnic. Tài liệu này cung cấp kiến thức và kỹ năng cần thiết cho sinh viên trong lĩnh vực phát triển giao diện web.
BÀI 1: HIỆN THỊ THÔNG TIN TỪ BIẾN VÀ ĐỐI TƯỢNG TRONG $SCOPE
THÔNG TIN SINH VIÊN
Tên đăng nhập: teonv
Họ tên: Nguyễn Văn Tèo
Email: teonv@fpt.edu.vn
Phái: true
Ngày sinh: 1995-12-21
Học phí: 1500000
Điểm: 0
Phái: true là Nam, false là Nữ
BÀI 2: HIỂN THỊ DỮ LIỆU VỚI REPEAT
1. Tạo file bai2.html + Nhúng thư viện angularjs & bootstrap + tạo ứng dụng và hàm khởi tạo
2. Viết mã khai báo biến trong hàm myfunc
$scope.nhantu=[“Nhường nhịn”,”Khiêm tốn”,”Trọng người”,”Thương vật”];
3. Viết view hiển thị mảng trong div ng-controller:
<p ng-repeat=”t in nhantu”>{{$index + 1}}. {{t}}</p>
Xem kết quả:
BÀI 3: EVENT VÀ BINDING DATA
Tạo form nhập chiều dài và chiều rộng của hình chữ nhật. Viết phương thức tính chu vi và diện tích của hình chữ nhật như mô tả của hình sau.
Chiều dài
Chiều rộng
Diện tích
Chu vi
Tính toán
1. Tạo file bai4.html + Nhúng thư viện angularjs & bootstrap + tạo ứng dụng và hàm khởi tạo
2. Viết code để hiển thị form trong div ng-controller:
Hình ảnh tài liêu Web207-Lab4 -Front End Framework – Cao đẳng FPT:
