AngularJS, ng-click vs ng: bấm vs ngClick

Question

Tôi đang học AngularJS, và tôi hơi bối rối bởi những cách sử dụng khác nhau của các chỉ thị mà tôi đang gặp.

Ví dụ, đôi khi tôi thấy một cái gì đó tương tự (ng ruột nhấp chuột):

<tr ng:click="..." ...> 

đôi khi tôi thấy (ng dash nhấp chuột):

<tr ng-click="..." ...> 

và trong các tài liệu kiễu góc , các chỉ thị được hiển thị là "ngClick" (camelcase không có dấu gạch ngang hoặc dấu hai chấm). Ngoài ra, ở một số nơi, tôi đã thấy: data-ng-click

Sự khác biệt giữa các hình thức khác nhau này là gì?

Answer 1

Không có sự khác biệt, tất cả phụ thuộc vào phong cách lập trình của bạn. ng-click, tôi nghĩ rằng, đến nay là phong cách phổ biến nhất.

Khi bạn đang tạo chỉ thị của riêng bạn, bạn nên luôn camelcase nó trong javascript, và sau đó khi bạn đặt nó trên một phần tử trong html của bạn, bạn nên sử dụng phiên bản chữ thường được phân cách bởi hương vị yêu thích của bạn. Tôi luôn luôn làm điều đó như vậy:

angular.module('Test', []).directive('testDirective', function(){ 

}); 

và sau đó:

<div test-directive></div> 

Từ angular docs:

Thực hành tốt nhất: thích sử dụng định dạng gạch ngang được phân định (ví dụ ng-bind cho ngBind). Nếu bạn muốn sử dụng công cụ xác thực HTML, bạn có thể thay vì sử dụng phiên bản có tiền tố dữ liệu (ví dụ: data-ng-bind cho ngBind). Các hình thức khác được hiển thị ở trên được chấp nhận vì lý do kế thừa nhưng chúng tôi khuyên bạn nên tránh chúng.

Answer 2

ng-click, ng:click và ngClick đều như nhau cho AngularJS, bạn có thể sử dụng bất cứ một bạn thích, mặc dù tôi nghĩ ng-click là cách bạn thường sẽ thấy nó được sử dụng.
data- là tiền tố HTML5 bạn có thể sử dụng để embed custom data, nó giúp đảm bảo HTML của bạn vượt qua xác thực và giữ một số IDE không hiển thị lỗi cho các thuộc tính không xác định.