Angular Là Gì

Posted on by mtoplistChuyên mục:Top List

Angular là một framework kỹ thuật, mã nguồn mở, được sử dụng để xây dựng các ứng dụng single-page web. Các lập trình viên cũng sử dụng nó để tạo các menu động cho các trang web HTML.

Framework này là sản phẩm trí tuệ của các kỹ sư Google, Misko Hevery và Adam Abrons. Google chính thức phát hành phiên bản đầu tiên, AngularJS, vào năm 2012 và đã duy trì nó kể từ đó.

Trước khi phát hành AngularJS, đã có những cách khác để tạo dynamic page. Tuy nhiên, chúng không thuận tiện như framework này.

AngularJS sử dụng kiến trúc Model-View-Controler (MVC), được sử dụng trong phát triển ứng dụng web.

Kiểu kiến trúc này bao gồm:

  • Model – cấu trúc dữ liệu quản lý thông tin và nhận đầu vào từ controller
  • View – bản đại diện của thông tin
  • Controller – đáp ứng đầu vào và tương tác với model

Trong AngularJS, model là framework, view là HTML và control là JavaScript.

Nói một cách đơn giản:

  • AngularJS ràng buộc JavaScript và HTML
  • JavaScript tiếp nhận dữ liệu đầu vào của người dùng và gửi nó đến AngularJS
  • AngularJS sử dụng đầu vào để sửa đổi HTML

Đối với việc ràng buộc framework JavaScript và HTML, code giữa chúng được đồng bộ. Cơ chế này làm cho công việc của các nhà phát triển web dễ dàng hơn vì nó làm giảm số lượng code cần viết.

Ưu điểm của Angular 

AngularJS phổ biến đối với các nhà phát triển web vì một vài lý do:

  • Ràng buộc dữ liệu hai chiều – Vì kiến trúc của AngularJS ràng buộc JavaScript và HTML, code cho cả hai đã được đồng bộ hóa. Do đó, framework tiết kiệm rất nhiều thời gian cho các nhà phát triển.
  • Chỉ thị – Framework mở rộng chức năng của file HTML bằng các chỉ thị. Để kích hoạt chỉ thị, nhà phát triển thêm tiền tố ng- vào các thuộc tính HTML. Bạn có thể xem danh sách các chỉ thị ở đây. Dưới đây là một ví dụ về việc sử dụng các chỉ thị:
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="" ng-init="age='20'">

<p>Input your age:</p>
<p>Age: <input type="text" ng-model="age"></p>
<p>You wrote: {{ age }}</p>

</div>

</body>
</html>

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="" ng-init="age='20'">

<p>Input your age:</p>
<p>Age: <input type="text" ng-model="age"></p>
<p>You wrote: {{ age }}</p>

</div>

</body>
</html>
  • Cấu trúc Code – AngularJS cung cấp cho bạn template; cho phép bạn tạo ra các ứng dụng với code ngắn gọn. Không chỉ tiết kiệm thời gian mà còn giúp bạn dễ dàng sửa đổi hoặc sửa chữa các ứng dụng của mình hơn.
  • Thử nghiệm – Framework hỗ trợ thử nghiệm đơn vị và tích hợp.
  • Tương lai tươi sáng – Tương lai của Angular rất rực rỡ vì chức năng và sự phổ biến của nó. Cơ sở người dùng sẽ tiếp tục phát triển và vô số tài liệu chuyên sâu sẽ được cập nhật liên tục.
  • Tương thích với thiết bị di động và máy tính để bàn – AngularJS có thể chạy trên hầu hết các trình duyệt web. Không chỉ trên máy tính để bàn, mà cả các thiết bị di động.

 

 

 

 

mtoplist