Sự khác nhau giữa ng-click và data-ng-click trong angularjs là gì?

Question

Từ chế độ xem thứ nhất có vẻ như data-ng-click có thể truyền một số dữ liệu làm đối số cho phương thức nên được gọi trong khi nhấn nút.

Nhưng tôi không thấy sự khác biệt.

Tôi đã theo đoạn mã:

HTML

<input 
    type="button" 
    value="Fess" 
    ng-click="toggle(2)"> 

HOẶC

<input 
    type="button" 
    value="Fess" 
    data-ng-click="toggle(2)"> 

JS

$scope.toggle = function (valueS) { 
    alert(valueS);   
} 

Cả hai công việc.

Xin cảm ơn,

Answer 1

Chúng giống nhau. Bạn có thể sử dụng data-ng-click để tạo html hợp lệ.

Answer 2

Từ angular docs on directives:

Chỉ có những cái tên lạc đà cased như ngBind. Chỉ thị có thể là được gọi bằng cách dịch tên trường hợp lạc đà thành trường hợp rắn với các ký tự đặc biệt :, - hoặc _. Tùy chọn chỉ thị có thể là được đặt trước bằng x- hoặc dữ liệu để làm cho trình xác thực HTML tuân thủ. Ở đây là danh sách một số tên chỉ thị có thể có: ng: bind, ng-bind, ng_bind, x-ng-bind và dữ liệu-ng-ràng buộc.

Rời khỏi chúng là hoàn toàn tốt cho mục đích thực tế. Nó chỉ là nếu bạn chạy nó thông qua một dịch vụ validator html, nó sẽ không vượt qua như complliant.

Answer 3

HTML5 có khả năng để nhúng dữ liệu tùy chỉnh các thuộc tính trên tất cả các phần tử HTML

Những thuộc tính dữ liệu tùy chỉnh mới bao gồm hai phần:

Tên thuộc tính thuộc tính Các dữ liệu tên phải có ít nhất một ký tự dài và phải được bắt đầu bằng 'data-'. Nó không được chứa bất kỳ chữ hoa nào.

Giá trị thuộc tính Giá trị thuộc tính có thể là bất kỳ chuỗi nào.

<li data-spacing="30cm" data-sowing-time="February to March">Celery</li> 

nguồn: http://html5doctor.com/html5-custom-data-attributes/

Answer 4

Tìm thấy một sự khác biệt khi sử dụng có và không có mẫu.

Khi phần tử của tôi ở trong Biểu mẫu, chúng hoạt động giống nhau.

Khi tôi sử dụng data-ng-click trên phần tử không có trong biểu mẫu, Sự kiện nhấp chuột không xảy ra.