Ng-change trong Angular JS là gì và làm cách nào để gán giá trị cho nó?

Xin chào, hãy cùng tìm hiểu về một chỉ thị thú vị được cung cấp trong , tức là chỉ thị ng-change, bản thân cái tên đã cho biết một phần công việc mà nó thực hiện. Các lập trình viên thường nhầm lẫn giữa sự kiện on-change và ng-change, hãy cùng tìm hiểu mọi thứ ngay hôm nay trong blog này. Các chủ đề chúng ta sẽ tiếp cận ngày hôm nay sẽ là:

ms sql hướng dẫn cho người mới bắt đầu

• Chỉ thị là gì?
• Ng-change là gì?
• Các điểm quan trọng khi sử dụng chỉ thị ng-change
• Cú pháp
• Thí dụ

Trước khi tiếp tục với blog, trước tiên chúng ta sẽ tìm hiểu sơ qua về Directives là gì trong AngularJS.

Chỉ thị là gì?

Các chỉ thị AngularJS chỉ đơn giản là các thuộc tính HTML mở rộng với tiền tố ‘ng-‘. AngularJS cung cấp một tập hợp các chỉ thị tích hợp cung cấp các chức năng khác nhau cho các ứng dụng của chúng tôi.

AngularJS cũng cho phép chúng tôi xác định các chỉ thị của riêng mình.

Ng-change là gì?

Thay đổi là một có nghĩa là để thực hiện các hoạt động khi một giá trị hoặc sự kiện thành phần bị thay đổi. Nói cách khác,ng-thay đổichỉ thị cho AngularJS biết phải làm gì khi giá trị của một phần tử HTML thay đổi.

Anng-modelChỉ thị ng-change được yêu cầu.

Các điểm quan trọng khi sử dụng lệnh ng-change:

• Điều gì xảy ra với sự kiện onChange? Cácng-thay đổichỉ thị từ AngularJS không ghi đè sự kiện trao đổi ban đầu của phần tử, cảng-thay đổibiểu thức và các sự kiện onchange ban đầu sẽ được thực thi.
• Cácng-thay đổisự kiện được kích hoạt ở mọi thay đổi trong giá trị. Nó sẽ không đợi tất cả các thay đổi được thực hiện hoặc trường nhập liệu bị mất tiêu điểm.
• Cácng-thay đổisự kiện chỉ được kích hoạt nếu có sự thay đổi thực sự trong giá trị đầu vào, chứ không phải nếu thay đổi được thực hiện từ JavaScript.
• Chỉ thị ng-change này được hỗ trợ bởi các thẻ HTML như, và.
• Biểu thức ngChange chỉ được đánh giá khi một thay đổi trong giá trị đầu vào khiến giá trị mới được cam kết với mô hình.

Nó sẽ không được đánh giá:

1. nếu giá trị trả về từ đường ống chuyển đổi $ parsers không thay đổi
2. nếu đầu vào tiếp tục không hợp lệ, vì mô hình sẽ không có giá trị
3. nếu mô hình được thay đổi không phải bởi một giá trị đầu vào mà theo chương trình.

Ghi chú , chỉ thị này yêu cầungModelhiện tại.

Cú pháp:

< thành phần ng-thay đổi='biểu hiện' > thành phần >

biểu thức: Nó chỉ định một biểu thức được thực thi khi giá trị của một phần tử thay đổi.

Thí dụ:

 
Vui lòng nhập vào trường đầu vào:
 
Trường đầu vào đã thay đổi {{count}} lần.
angle.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Đầu ra (Sau 3 lần thay đổi)

Vui lòng nhập vào trường đầu vào:

Trường đầu vào đã thay đổi 3 lần.

Tôi hy vọng bây giờ bạn có thể đã hiểu rõ về lệnh ng-change, hãy thử sử dụng nó trong các chương trình của bạn và xem bạn đã học được bao nhiêu. Cảm ơn vì đã đọc.Tôi muốn khuyên bạn làm qua điều này Hướng dẫn Angular Danh sách phát video Edureka để xem video và tìm hiểu cách làm việc với các ứng dụng Angular.

Bây giờ bạn đã biết Chỉ thị Angular, hãy xem của Edureka, một công ty học trực tuyến đáng tin cậy với mạng lưới hơn 250.000 người học hài lòng trải dài trên toàn cầu. Angular là một khung JavaScript được sử dụng để tạo các ứng dụng web phía máy khách có thể mở rộng, doanh nghiệp và hiệu suất. Với việc áp dụng Angular framework đang ở mức cao, việc quản lý hiệu suất của ứng dụng được cộng đồng thúc đẩy gián tiếp thúc đẩy cơ hội việc làm tốt hơn. Khóa đào tạo Chứng chỉ Angular nhằm mục đích bao quát tất cả các khái niệm mới này về Phát triển Ứng dụng Doanh nghiệp.