$$ hashKey được thêm vào kết quả JSON.opesify của tôi là gì

Tôi đã thử tìm kiếm trên trang chuỗi JSON của Mozilla trong các tài liệu của họ cũng như ở đây trên SO và Google nhưng không tìm thấy lời giải thích nào. Tôi đã sử dụng chuỗi ký tự JSOn nhiều lần nhưng không bao giờ gặp kết quả này

Tôi có một mảng các đối tượng JSON

[
    {
        "param_2": "Description 1",
        "param_0": "Name 1",
        "param_1": "VERSION 1"
    },
    {
        "param_2": "Description 2",
        "param_0": "Name 2",
        "param_1": "VERSION 2"
    },
    {
        "param_2": "Description 3",
        "param_0": "Name 3",
        "param_1": "VERSION 3"
    }
]

được đính kèm với tôi $scopevà để POSTchúng là một tham số, tôi đã sử dụng phương thức JSON.opesify () và tôi nhận được như sau:

   [
        {
            "param_2": "Description 1",
            "param_0": "Name 1",
            "param_1": "VERSION 1",
            "$$hashKey": "005"
        },
        {
            "param_2": "Description 2",
            "param_0": "Name 2",
            "param_1": "VERSION 2",
            "$$hashKey": "006"
        },
        {
            "param_2": "Description 3",
            "param_0": "Name 3",
            "param_1": "VERSION 3",
            "$$hashKey": "007"
        }
    ]

Tôi chỉ tò mò chính xác hashkey $$ là gì vì tôi mong đợi một cái gì đó tương tự như sau từ phương thức Stringify:

[
    {
        "1":{
            "param_2": "Description 1",
            "param_0": "Name 1",
            "param_1": "VERSION 1"
        },
         "2":{
            "param_2": "Description 2",
            "param_0": "Name 2",
            "param_1": "VERSION 2"
        },
         "3":{
            "param_2": "Description 3",
            "param_0": "Name 3",
            "param_1": "VERSION 3"
        }
    }
]

Tôi không chắc đó có phải là yếu tố không nhưng tôi đang sử dụng Angularjs 1.1.5, JQuery 1.8.2 and Spring 3.0.4 and Spring security 3.0.7 on the Server side

Nó không gây ra cho tôi bất kỳ vấn đề nào nhưng tôi muốn biết nguyên nhân và lý do cho $$hashkey

Angular thêm điều này để theo dõi các thay đổi của bạn, để nó biết khi nào cần cập nhật DOM.

Nếu bạn sử dụng angular.toJson(obj)thay vì JSON.stringify(obj)sau đó Angular sẽ loại bỏ các giá trị sử dụng nội bộ này cho bạn.

Ngoài ra, nếu bạn thay đổi biểu thức lặp lại của mình để sử dụng track by {uniqueProperty}hậu tố, Angular sẽ không phải thêm $$hashKeyvào. Ví dụ

<ul>
    <li ng-repeat="link in navLinks track by link.href">
        <a ng-href="link.href">{{link.title}}</a>
    </li>
</ul>

Chỉ cần luôn luôn nhớ bạn cần "liên kết." một phần của biểu thức - tôi luôn có xu hướng quên điều đó. Chỉ track by hrefchắc chắn sẽ không hoạt động.

Trong trường hợp sử dụng của tôi (cung cấp đối tượng kết quả cho X2JS), cách tiếp cận được đề xuất

data = angular.toJson(source);

giúp loại bỏ các $$hashKeythuộc tính, nhưng kết quả sau đó không thể được X2JS xử lý nữa .

data = angular.copy(source);

cũng loại bỏ các $$hashKeythuộc tính, nhưng kết quả vẫn có thể sử dụng làm tham số cho X2JS.

Nó đi kèm với chỉ thị ng-repeat thường. Để thực hiện thao tác dom AngularJS gắn cờ các đối tượng với id đặc biệt.

Điều này là phổ biến với Angular. Ví dụ: nếu bạn nhận được đối tượng với ngResource, đối tượng của bạn sẽ nhúng tất cả API tài nguyên và bạn sẽ thấy các phương thức như $ save, v.v ... Với cookie, AngularJS sẽ thêm thuộc tính __ngDebug.

Nếu bạn không muốn thêm id vào dữ liệu của mình, bạn có thể theo dõi chỉ mục trong mảng, điều này sẽ khiến các mục bị khóa bởi vị trí của chúng trong mảng thay vì giá trị của chúng.

Như thế này:

var myArray = [1,1,1,1,1];

<li ng-repeat="item in myArray track by $index">

Nếu bạn đang sử dụng Angular 1.3 trở lên, tôi khuyên bạn nên sử dụng "theo dõi" trong lần lặp lại của mình. Angular không thêm thuộc tính "$$ hashKey" vào các đối tượng trong mảng của bạn nếu bạn sử dụng "track by". Bạn cũng nhận được lợi ích về hiệu suất, nếu có gì đó trong mảng của bạn thay đổi, angular không tạo lại toàn bộ cấu trúc DOM cho lặp lại ng của bạn, thay vào đó, nó sẽ tạo lại một phần của DOM cho các giá trị trong mảng đã thay đổi.

Cập nhật: Từ Angular v1.5, theo dõi $indexbây giờ là cú pháp tiêu chuẩn thay vì sử dụng liên kết vì nó gây ra lỗi cho tôi ng-repeat.

Tôi chạy vào đây cho một cái lồng ng-repeatvà bên dưới làm việc.

<tbody>
    <tr ng-repeat="row in data track by $index">
    <td ng-repeat="field in headers track by $index">{{row[field.caption] }}</td>
</tr>

Đây là cách bạn có thể dễ dàng xóa $$ hashKey khỏi đối tượng:

$scope.myNewObject = JSON.parse(angular.toJson($scope.myObject))

$scope.myObject - Đề cập đến Đối tượng mà bạn muốn thực hiện thao tác tức là xóa $$ hashKey khỏi

$scope.myNewObject - Gán đối tượng gốc đã sửa đổi cho đối tượng mới để có thể sử dụng nó khi cần thiết

https://www.timcosta.io/angular-js-object-comparisons/

Angular khá kỳ diệu khi lần đầu tiên mọi người nhìn thấy nó. Tự động cập nhật DOM khi bạn cập nhật một biến trong JS của bạn và cùng một biến sẽ cập nhật trong tệp JS của bạn khi ai đó cập nhật giá trị của nó trong DOM. Chức năng tương tự này hoạt động trên các thành phần trang và trên các bộ điều khiển.

Chìa khóa cho tất cả điều này là $$ hashKey Angular gắn vào các đối tượng và mảng được sử dụng trong ng-repeats.

$$ hashKey này gây ra nhiều nhầm lẫn cho những người đang gửi các đối tượng đầy đủ đến một API không tước dữ liệu bổ sung. API sẽ trả về 400 cho tất cả các yêu cầu của bạn, nhưng $$ hashKey đó sẽ không biến mất khỏi các đối tượng của bạn.

Angular sử dụng hàm băm $$ để theo dõi các phần tử nào trong DOM thuộc về mục nào trong một mảng đang được lặp lại trong một lần lặp lại. Nếu không có $$ hashKey Angular sẽ không có cách nào để áp dụng các thay đổi xảy ra trong JavaScript hoặc DOM cho đối tác của họ, đây là một trong những cách sử dụng chính cho Angular.

Hãy xem xét mảng này:

users = [  
    {
         first_name: "Tim"
         last_name: "Costa"
         email: "tjsail33@gmail.com"
    }
]

Nếu chúng tôi kết xuất nó vào một danh sách bằng ng-repeat = "user in users", mỗi đối tượng trong đó sẽ nhận được một hashKey $$ cho mục đích theo dõi từ Angular. Dưới đây là hai cách để tránh $$ hashKey này.