1.Bộ điều khiển AngularJS

• Bộ điều khiển AngularJS kiểm soát dữ liệu của các ứng dụng AngularJS.
• Bộ điều khiển AngularJS là các Đối tượng JavaScript thông thường.
• Các ứng dụng AngularJS được điều khiển bởi bộ điều khiển.
• Lệnh ng-controller xác định bộ điều khiển ứng dụng.
• Bộ điều khiển là một Đối tượng JavaScript , được tạo bởi một phương thức khởi tạo đối tượng JavaScript tiêu chuẩn.

Ví Dụ:

⇒Ứng dụng được giải thích:

• Ứng dụng AngularJS được định nghĩa bởi  ng-app = “myApp” . Ứng dụng chạy bên trong <div>.
• Thuộc tính ng-controller = “myCtrl” là một chỉ thị AngularJS. Nó định nghĩa một bộ điều khiển.
• Hàm myCtrl là một hàm JavaScript.
• AngularJS sẽ gọi bộ điều khiển với một đối tượng $ scope .
• Trong AngularJS, $ scope là đối tượng ứng dụng (chủ sở hữu của các biến và hàm ứng dụng).
• Bộ điều khiển tạo hai thuộc tính (biến) trong phạm vi (firstName và lastName).
• Các chỉ thị ng-model ràng buộc các trường đầu vào với các thuộc tính của bộ điều khiển (firstName và lastName).

2.Phương pháp điều khiển

• Một đối tượng controller có hai thuộc tính: lastName và firstName.
• Một bộ điều khiển cũng có thể có các phương thức (biến dưới dạng hàm):\

3.Bộ điều khiển trong tệp bên ngoài

• Trong các ứng dụng lớn hơn, người ta thường lưu trữ bộ điều khiển trong các tệp bên ngoài.
• Chỉ cần sao chép mã giữa các thẻ <script> vào một tệp bên ngoài có tên là personController.js

Ví dụ: Tạo một tệp bộ điều khiển mới:

Và sau đó sử dụng tệp bộ điều khiển trong một ứng dụng:

Kết Luận: Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. 

20/10/2022 Blog Tin Học