如何从angularjs中的$ scope获取普通对象？

Question

I am putting the downloaded json object into an angular $scope, but I found that angular adds some framework dependent properties inside it.

I want to send the modified object back to server, is there a convenient way I can remove angular properties and get the plain object without angular scope properties like $$hashkey ?

EDIT:

The possible duplicate question does not provide the answer I needed.

Calling angular.toJson gives me a plain string "$SCOPE" , while calling angular.copy throws an error. I guess they are not designed to work with the $scope object itself?

Answer 1

You are right, the angular.toJson doesn't support the $scope object as you can see in the source code: Angular.js#L979

You could use the JSON.stringify() with a custom replacer function and copy a part of the logic in angular.toJson() like this;

JSON.stringify(obj, function(key, value) {
  if (typeof key === 'string' && (key.charAt(0) === '$' || key === 'this')) {
    // ignore any key start with '$',
    // and also ignore 'this' key to avoid a circular reference issue.
    return undefined;
  }

  return value;
});

Hope this helps.