Scope trong AngularJS

---

---

---

Scope là đối tượng JavaScript đặc biệt có vai trò liên kết controller và view. Scope chứa thông tin là các dữ liệu model. Trong controller, dữ liệu model có thể được truy cập qua đối tượng $scope.

Dưới đây là những điểm quan trọng của ví dụ trên.

• $scope được truyền như là tham số đầu tiên của controller trong hàm khởi tạo của nó.

• $scope.message và $scope.type là các model được sử dụng trong trang HTML.

• Chúng ta thiết lập các giá trị cho model và tác động lên Module ứng dụng với controller và nhanvienController.

• Chúng ta có thể định nghĩa các hàm với $scope.

Tính kế thừa của Scope trong AngularJS

Scope là controller riêng biệt. Chúng ta định nghĩa nested controller (các controller lồng nhau) để các controller con sẽ kế thừa từ các controller cha..

Dưới đây là những điểm chính qua ví dụ trên.

• Chúng ta tạo giá trị biến model cho nhanvienController.

• Chúng ta ghi đè thông báo của controller con là nhanvienITController. Khi "message" được sử dụng trong các module của nhanvienITController, giá trị message ghi đè sẽ được sử dụng.

Ví dụ

Dưới đây là phần ví dụ minh họa cho phần hướng dẫn bên trên.

viduScope.html

   


   
Ung dung AngularJS
   

      
{{message}} 
 {{type}} 
      

         
{{message}} 
 {{type}} 
      
      

         
{{message}} 
 {{type}} 
      
   
   
   

Kết quả

Mở trang viduScope.html trên trình duyệt web. Và xem kết quả dưới đây.

---

---

---