Angular JS tốt cho điều gì?

Tôi nghĩ rằng tốt nhất để hiểu những gì AngularJS làm tốt nhất chúng ta sẽ cần tìm hiểu từng bước. Đầu tiên, mọi người thường so sánh Angular JS với jQuery hoặc các JS Frameworks khác. Nhưng sự thật là bạn không thể so sánh chúng, vì bạn không thể so sánh xe máy với lại ô tô.

Sức mạnh của góc xuất phát từ hệ thống ràng buộc dữ liệu hai chiều cho phép tách hoàn toàn mô hình dữ liệu và xem tương tác người dùng.

Sức mạnh của Angular đến từ hệ thống ràng buộc dữ liệu 2 chiều cho phép tách hoàn toàn hoàn toàn mô hình dữ liệu và tương tác của người dùng, ví dụ:

1. <p>Select value: {{ theValue }}</p>
2. <select ng-model="theValue">
3. <option value="1">1</option>
4. <option value="2">2</option>
5. </select>

Đoạn mã ở trên là HTML thuần túy mà không có gắn JS Frameworks ngoài angular.js và một định nghĩa nhỏ của bộ điều khiển và nó hoạt động, cập nhật chế độ xem ngay khi giá trị lựa chọn thay đổi. Không có listeners hoặc callbacks.

Thứ hai, nhưng không kém phần quan trọng, kiến trúc của Angular JS là một kiến trúc kiểu Enterprise rất mạnh mẽ với các design patterns như:

• Services (P of EAA: Service Layer)
• Factories (Factory (object-oriented programming))
• Dependency Injection (Dependency injection)
• MVC (Model View Controller)

Những người tạo ra Angular JS nó rằng nó như là những gì HTML nên làm được nếu nó được tạo ra cho các ứng dụng web với sự tương tác phong phú, và điều này có một phần đúng sự thật.

Thông thường đây là những gì bạn sẽ sử dụng nó cho các ứng dụng phức tạp với một lớp giao diện phong phú cũng như các điểm tương tác của người dùng. Nó không được xây dựng để tạo các trang web tĩnh, mặc dù không có gì ngăn bạn sử dụng nó.

Bằng cách sử Angular bạn có thể quên redrawing danh sách nếu dữ liệu thay đổi hoặc cập nhật trạng thái của một button, bạn chỉ cần quan tâm đến dữ liệu sẽ thay đổi ngay, DOM phản ánh những thay đổi của bạn. Điều này cũng áp dụng theo cách khác.

Đừng lắng nghe những người đang nói nhiều về chủ đề tương tự như "Tôi đang sử dụng jQuery và tôi không thấy tại sao mọi người cố gắng tạo ra những điều phức tạp như Angular". Họ sẽ đọc Angular một khi họ xây dựng một ứng dụng rất phức tạp, trong đó JS thuần hoặc jQuery không thể cung cấp cho bạn khả năng cấu trúc code của bạn để dễ phân cấp, tổ chức và kiểm thử được.

Nhân tiện, bản thân Angular sử dụng jQuery, giống như hộp số bánh răng sử dụng bánh răng.

Vào cuối cùng, bản chất trang web của bạn đang xây dựng sẽ quyết định bạn có nên sử dụng Angular hay không.

Nếu trang web đó có dữ liệu phong phú và yêu cầu tương tác phản hồi tức thì, Angular có thể là một ý tưởng tốt để sử dụng.

Để kết thúc, chúng ta hãy xem lại ví dụ trên được triển khai bằng jQuery:

<p>Select value: <span id="theValue"></span></p>
<select id="theSelect">
  <option value="1">1</option>
  <option value="2">2</option>
</select>

$(function() {
  $('#theSelect').on('change', function() {
    var value = $(this).val();
    $('#theValue').text(value);
  }
});

Xem thêm: Đào tạo Angular JS