Các Các hàm phạm vi JS $ là một số hàm chính. Trong bài viết này, chúng ta sẽ thảo luận về chức năng đồng hồ Angular JS theo thứ tự sau:
Chức năng đồng hồ JS góc cạnh là gì?
Hàm watch JS $ góc cạnh được sử dụng để xem đối tượng phạm vi. $ Watch theo dõi biến và khi giá trị của biến thay đổi thì JS $ góc cạnh sẽ chạy một hàm. Hàm này nhận hai đối số, một là giá trị mới và một tham số khác là giá trị cũ.
Làm thế nào để sử dụng chức năng đồng hồ JS góc?
Hãy lấy một ví dụ đơn giản về chức năng đồng hồ trong JS góc hoạt động chính xác. Vì vậy, trong chương trình JS góc cạnh của chúng tôi, chúng tôi đã tạo hai tệp trong đó index.js chịu trách nhiệm về giao diện người dùng và app.js chịu trách nhiệm xử lý phụ trợ. Ở đây chúng tôi tạo một chương trình đơn giản với một biểu mẫu và biểu mẫu này có một trường đầu vào. Khi chúng ta đặt tên vào trường đầu vào, thông báo đầu ra cho chúng ta thấy giá trị cũ và giá trị mới.
Mã HTML
Trang index.html của chúng tôi có một ứng dụng góc cạnh với tên ngWatchApp và một bộ điều khiển có tênwatchController. Sau đó, chúng tôi tạo một biểu mẫu với tên trường đầu vào và giá trị của trường đầu vào đó chúng tôi in trong thẻ h1 và thông báo sẽ in
nhãn.
Ví dụ về đồng hồ dạng góc Nhập tên bạn{{thông điệp}}
Mã JavaScript
Trong app.js, chúng tôi đã tạo một ứng dụng với tên ngWatchApp và một bộ điều khiển với tênwatchController. Tiếp theo, chúng tôi xác định hai biến trong phạm vi với tên, tên và thông báo và trong hàm watch, chúng tôi truyền hai tham số, một là tên của trường bị ảnh hưởng khi thay đổi và một là hàm cũng có hai tham số, giá trị mới và giá trị cũ. Cuối cùng, chúng tôi thêm hai giá trị vào biến thông báo và biến thông báo được hiển thị trênindex.htmltrang.
var app = angle.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// thêm biến phạm vi $ scope.name = '' $ scope.message = '' // thêm xem với trường tên $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus is $ {newValue} và giá trị cũ là $ {oldValue}`} )})Bất cứ khi nào chúng ta xem một hàm, thì hàm này được gọi nhiều lần theo thông báo. Bất cứ khi nào mã thực thi, AngularJS chuyển tham chiếu $ scope hiện tại làm đối số đầu tiên. Nó không chỉ có nghĩa là chúng ta có thể tham chiếu phạm vi thích hợp từ bên trong thân hàm mà còn có nghĩa là chúng ta có thể xem bất kỳ hàm nào mong đợi tham chiếu $ scope.
git và github có giống nhau không
Đây là cách chúng ta có thể sử dụng hàm js watch () góc trong các ứng dụng để theo dõi các thay đổi của biến $ scope. Có một số thứ khác hoạt động với $ watch, đây là hàm $ digan () lặp lại qua tất cả các đồng hồ trong đối tượng $ scope khi$ thông báo ()lặp qua các đồng hồ, nó gọi hàm giá trị cho mỗi đồng hồ. Các$ scope. $ apply ()hàm nhận một hàm làm tham số được thực thi và sau đó$ phạm vi. $ tiêu hóa ()được gọi là nội bộ.
Với điều này, chúng ta sẽ kết thúc bài viết Chức năng của đồng hồ Angular JS này. Nếu bạn muốn tìm hiểu thêm về khung công tác Angular, hãy xem đi kèm với đào tạo trực tiếp do người hướng dẫn và trải nghiệm dự án thực tế. Khóa đào tạo này sẽ giúp bạn hiểu sâu về Angular và giúp bạn đạt được thành thạo về chủ đề này.
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của 'Chức năng đồng hồ Angular JS' và Chúng tôi sẽ liên hệ lại với bạn.