[AngularJS] Phần 1: Giới thiệu về AngularJS

158 lượt xem

Bài viết cung cấp các thông tin tổng quan về AngularJS.

Khái niệm
AngularJS (cách gọi tắt là Angular) là 1 framework JavaScript, được thêm vào 1 trang HTML thông qua 1 thẻ <script>.

AngularJS mở rộng các thuộc tính HTML với các chỉ thị (Directives), và gắn dữ liệu với HTML bằng các diễn giải (Expression).

AngularJS phù hợp với Single Page Applications (SPAs) và rất dễ học. AngularJS được dùng chủ yếu để viết các ứng dụng phía server theo mô hình MVC.

AngularJS có bản quyền mở, miễn phí và được sử dụng bởi hàng nghìn nhà phát triển trên thế giới.

Angular phiên bản 1.0 được phát hành năm 2012. Miško Hevery, một nhân viên của Google đã làm việc với AngularJS từ năm 2009. Hiện nay, AngularJS là dự án được hỗ trợ chính thức bởi Google.

Lợi ích của AngularJS
AngularJS giúp phát triển các ứng dụng gọn nhẹ, code rõ ràng với nhiều chức năng và có thể chạy trên tất cả trình duyệt (kể cả các trình duyệt trên di động).

Lập trình viên có thể tạo ứng dụng trang đơn (Single Page Application) có khả năng bảo trì bằng AngularJS.

AngularJS mang lại tính năng trói dữ liệu (data binding) với HTML và chứa các thành phần có thể tái sử dụng.

Hạn chế của AngularJS
AngularJS không bảo mật – Vì AngularJS là 1 JavaScript framework cho nên các ứng dụng viết bằng AngularJS không an toàn. Chứng thực và cấp phép phía server phải giữ trong 1 ứng dụng an toàn.

Phụ thuộc vào JavaScript – Nếu vô hiệu hóa JavaScript thì xem như người dùng không thể tương tác gì nhiều với ứng dụng.

Các thành phần trong AngularJS
AngularJS có thể chia thành 3 thành phần chính như sau:

  • ng-app – Chỉ thị này định nghĩa và liên kết 1 ứng dụng AngularJS với HTML.
  • ng-model − Chỉ thị này trói các giá trị của dữ liệu ứng dụng AngularJS với các điều khiển đầu vào HTML.
  • ng-bind − Chỉ thị này trói dữ liệu ứng dụng AngularJS với các thẻ HTML.

Cách nhúng AngularJS vào trang web
AngularJS được nhúng vào trang web dưới dạng 1 tập tin JavaScript thông qua thẻ script như sau:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

Bạn có thể tải tập tin angular.min.js về và nhúng riêng vào ứng dụng của mình.

Kết luận: Như vậy, bài này cung cấp cho bạn về 1 số thông tin về AngularJS như khái niệm, lợi ích/hạn chế của AngularJS và cách nhúng AngularJS vào trang web. Mời bạn theo dõi các bài viết tiếp theo để tìm hiểu rõ hơn về AngularJS.

Bình luận Facebook

Để lại bình luận

Hãy là người đầu tiên bình luận!

Thông báo khi có
avatar
1000
wpDiscuz