AngularJS và việc sử dụng Biến Dollar

Có ai biết lý do đằng sau việc sử dụng các phương pháp và biến đô la trong angularJS là để hướng dẫn angularJS để tránh kiểm tra các giá trị đó khi quá trình tiêu hóa đang diễn ra không? Vì vậy, nếu góc cạnh xuất hiện $scope.$valuevà $scope.value, thì nó sẽ tránh kiểm tra cái trước vì nó có tiền tố là một ký tự đô la trong tên biến của nó?

Có một vài lần Angular bỏ qua các biến có tiền tố với ký hiệu đô la:

1. Trong bình luận của Schumli bên dưới, nơi các bộ lọc json sẽ không xuất chúng

2. Khi sử dụng {{ }}chỉ thị, góc sẽ không hiển thị các $ biến lồng nhau . Ví dụ, điều này chỉ hiển thị visibletài sản.

   <div ng-init="n = { visible: 'foo', $ignore: 'bar' };">{{ n }}</div>

3. Ngoài ra, khi thêm trình theo dõi rõ ràng trên một đối tượng phạm vi, các thay đổi đối với các thuộc tính có ký hiệu đô la hàng đầu của đối tượng này sẽ không kích hoạt trình theo dõi. Xem fiddle cập nhật này .

4. angular.equals() bỏ qua các khóa có tiền tố$ .

Đây chỉ là quy ước đặt tên từ đoạn trích dưới đây http://docs.angularjs.org/tutorial/step_05

'$' Quy ước đặt tên tiền tố
Bạn có thể tạo các dịch vụ của riêng mình và trên thực tế, chúng tôi sẽ thực hiện chính xác ở bước 11. Như một quy ước đặt tên, các dịch vụ tích hợp của angular, các phương thức Phạm vi và một vài API góc khác có tiền tố '$' Trước mặt tên. Không sử dụng tiền tố '$' khi đặt tên cho các dịch vụ và mô hình của bạn, để tránh mọi va chạm có thể đặt tên.

http://docs.angularjs.org/guide/con accept # angular_namespace

Không gian tên góc
Để tránh va chạm tên ngẫu nhiên, Angular tiền tố tên của các đối tượng có khả năng va chạm với $. Vui lòng không sử dụng tiền tố $ trong mã của bạn vì nó có thể vô tình va chạm với mã Angular.

Các $tiền tố biểu thị một biến, tham số, bất động sản, hoặc phương pháp mà thuộc về cốt lõi của góc.

Các thuộc tính trên các đối tượng có nguồn gốc bên trong khung, nhưng thực tế không phải là một phần của API, có thể bắt đầu bằng $- hoặc thậm chí $$- để biểu thị một phương thức hoặc thuộc tính riêng tư . Đây là cùng một cách _tiền tố thường được sử dụng trong các thư viện khác.

Nó không có bất kỳ ảnh hưởng nào đến cách mã được diễn giải bởi bộ thực thi, mặc dù khung công tác có thể mang lại cho nó ý nghĩa đặc biệt. Về cơ bản, đó là một quy ước đặt tên có nội dung "Bạn không nên lộn xộn với điều này".

Không hoàn toàn chắc chắn, nhưng tôi tin rằng các bên trong AngularJS dựa vào việc thao túng các biến $ -prefixed này trong quá trình phân loại. Kiểm tra các biến này có nghĩa là thông báo sẽ không bao giờ ổn định, vì chúng có thể thay đổi liên tục trong mỗi chu kỳ của thông báo.

Đừng trích dẫn tôi về nó mặc dù. :)

Tôi luôn luôn $trông giống như một chữ "S" cho dịch vụ.

Dấu đô la ( $ ) cũng ngăn các yếu tố không bị lặp (hoặc diễn giải) trong một số chỉ thị nhất định. Vì vậy, ví dụ các thuộc tính bắt đầu bằng $ không được sử dụng ng-repeatvì mệnh đề if trong vòng lặp for :

if(collection.hasOwnProperty(key) && key.charAt(0) != '$')

Ai đó đã đưa ra một vấn đề về chủ đề ở đây trên trang github angenses

Trong các shallowCopythuộc tính phương thức bắt đầu bằng $$ được bỏ qua vì một mệnh đề if trong khi lặp lại các đặc tính :

if (!(key.charAt(0) === '$' && key.charAt(1) === '$')) {

@MarcoS đã cung cấp liên kết tới https://thinkster.io/a-better-way-to-learn-angularjs/scope-vs-scope giải thích sự khác biệt giữa $ scope và scope. Tôi thấy điều này hữu ích, thêm vào thông tin trong các câu trả lời khác.

Trong một chỉ thị góc có một liên kết và bộ điều khiển. Liên kết là một hàm tiêu chuẩn với một bộ tham số cố định: phạm vi, phần tử, đối tượng thuộc tính.

Các đối số của bộ điều khiển được quản lý bởi bộ tiêm Angular và không phụ thuộc vào thứ tự. Trình tiêm giải quyết các đối tượng cần truyền vào bằng cách tìm các tham số bắt đầu bằng $.

Tác giả của https://thinkster.io/a-better-way-to-learn-angularjs/scope-vs-scope thực hiện công việc tốt hơn để giải thích nó.

Có một sự khác biệt rất lớn, không phải ở các biến, mà là ở các tham số mà bộ điều khiển nhận được. Một tham số phạm vi hoàn toàn khác với một phạm vi $.

Để biết thêm thông tin, hãy xem bài đăng hữu ích này: http://www.thinkster.io/angularjs/aw9kWmdnik/angularjs-scope-vs-scope