Mô hình AngularJS

Thử ngay

Bạn có thể chỉnh sửa ví dụ trực tuyến, sau đó nhấp vào nút để xem kết quả.

Mô hình AngularJS

<div ng-app="">
<p>Tên: <input type="text" ng-model="name"></p>
<p>Bạn đã viết: {{ name }}</p>
</div>

Thử ngay

Cơ bản về AngularJS

• Hướng dẫn ng-repeat đầu tiên của tôi
• Hướng dẫn ng-repeat đầu tiên của tôi (thuộc chuẩn HTML5)
• Biểu thức AngularJS đầu tiên của tôi
• Biểu thức AngularJS đơn giản, sử dụng biến
• Kiểm soát viên AngularJS đầu tiên của tôi

Giới thiệu cơ bản về AngularJS

Biểu thức AngularJS

• Biểu thức đơn giản
• Biểu thức không có ng-app
• Biểu thức chứa số
• Sử dụng ng-bind để gán số
• Biểu thức chứa chuỗi
• Sử dụng ng-bind để gán chuỗi
• Biểu thức chứa đối tượng
• Sử dụng ng-bind để gán đối tượng
• Biểu thức chứa mảng
• Sử dụng ng-bind để gán mảng

Giới thiệu về biểu thức

Mô-đun AngularJS

• Controller AngularJS
• Mô-đun và kiểm soát viên trong tệp
• Khi nào nên tải AngularJS

Giới thiệu về mô-đun

Cú pháp AngularJS

• Cú pháp AngularJS
• Hướng dẫn ng-model
• Hướng dẫn ng-repeat (dùng cho mảng)
• Hướng dẫn ng-repeat (dùng cho đối tượng)
• Tạo một cú pháp mới
• Sử dụng cú pháp mới như phần tử
• Sử dụng cú pháp mới như thuộc tính
• Sử dụng cú pháp mới như lớp
• Sử dụng cú pháp mới như chú thích
• Cú pháp có giới hạn

Giới thiệu cú pháp

Mô hình AngularJS

• Mô hình AngularJS
• Mô hình có gắn kết hai chiều
• Mô hình có xác thực
• Hình thức và trạng thái xác thực hiện tại
• Đặt lớp CSS khi trường không hợp lệ

Giới thiệu mô hình

Controller AngularJS

• Controller AngularJS
• Thuộc tính controller
• Hàm controller
• Controller trong tệp JavaScript I
• Controller trong tệp JavaScript II

Giới thiệu controller

Phạm vi AngularJS

• Phạm vi AngularJS
• Phạm vi là đồng bộ
• Các phạm vi khác nhau
• Phạm vi gốc

Giới thiệu phạm vi

Bộ lọc AngularJS

• Bộ lọc cú pháp uppercase
• Bộ lọc cú pháp lowercase
• Bộ lọc cú pháp currency
• Bộ lọc cú pháp orderBy
• Bộ lọc đầu vào

Giới thiệu bộ lọc

XMLHttpRequest AngularJS

• Đọc tệp JSON tĩnh

Giới thiệu XMLHttpRequest