Что $$ hashKey добавлено в мой результат JSON.stringify

В моем случае использования (подача результирующего объекта на X2JS) рекомендуемый подход

data = angular.toJson(source);

Помогите удалить свойства $$hashKey, но результат может быть больше не обработан X2JS.

data = angular.copy(source);

удалены также свойства $$hashKey, но результат остается полезным в качестве параметра для X2JS.

Он обычно поставляется с директивой ng-repeat. Чтобы выполнить манипуляции с dom, объекты AngularJS с специальным идентификатором.

Это относится к Angular. Например, если u получить объект с ngResource, ваш объект будет внедрять весь API ресурсов, и вы увидите такие методы, как $save и т.д. С помощью файлов cookie тоже AngularJS добавит свойство __ngDebug.

Если вы не хотите добавлять id к своим данным, вы можете отслеживать по индексу в массиве, что приведет к тому, что элементы будут забиты положением в массиве вместо их значения.

Вот так:

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

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

Если вы используете Angular 1.3 или выше, я рекомендую вам использовать "track by" в вашем ng-repeat. Angular не добавляет свойство "$$ hashKey" к объектам в вашем массиве, если вы используете "track by". Вы также получаете преимущества в производительности, если что-то в вашем массиве изменяется, Angular не воссоздает всю структуру DOM для вашего ng-repeat, вместо этого воссоздает часть DOM для значений в вашем массиве, которые изменились.

Обновление: от Angular v1.5, трек $index теперь является стандартным синтаксисом вместо использования ссылки, так как он дал мне ошибку обхода ng-repeat.

Я столкнулся с этим для вложенных ng-repeat и ниже работал.

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

Вот как вы можете легко удалить $$ hashKey из объекта:

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

$scope.myObject - указывает на объект, который вы хотите выполнить, например, удалите $$ hashKey из

$scope.myNewObject - назначить модифицированный исходный объект новому объекту, чтобы его можно было использовать по мере необходимости

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

Angular довольно волшебный, когда люди впервые его видят. Автоматические обновления DOM при обновлении переменной в JS, и одна и та же переменная будет обновляться в вашем JS файле, когда кто-то обновит его значение в DOM. Эта же функциональность работает со всеми элементами страницы и между контроллерами.

Ключом ко всему этому является $$ hashKey Angular прикрепляется к объектам и массивам, используемым в ng-повторах.

Этот $$ hashKey вызывает много путаницы для людей, которые отправляют полные объекты в API, который не пропускает лишние данные. API вернет 400 для всех ваших запросов, но этот $$ hashKey просто не исчезнет из ваших объектов.

Angular использует $$ hashKey для отслеживания того, какие элементы в DOM принадлежат тому элементу в массиве, который зацикливается в ng-repeat. Без $$ hashKey Angular не будет никакого способа применить изменения в JavaScript или DOM к их аналогу, что является одним из основных применений для Angular.

Рассмотрим этот массив:

users = [  
    {
         first_name: "Tim"
         last_name: "Costa"
         email: "[email protected]"
    }
]

Если мы отобрали это в списке, используя ng-repeat = "user in users", каждый объект в нем получит $$ hashKey для целей отслеживания с Angular. Вот два способа избежать этого $$ hashKey.