Initialization of Angular objects

Question

I have an Angular 1.x app and I want to initialize some $scope variables:

$scope.listing = {};
$scope.listing.title = 'This is a test';
$scope.listing.description = 'blah';

I also want to initialize an empty object, as follows:

$scope.listing.payment_types._ids = {};

This fails:

angular.js:14328 TypeError: Cannot read property '_ids' of undefined

Seems I must do this:

$scope.listing.payment_types = {};
$scope.listing.payment_types._ids = {};

It seems long-winded, is there a more concise way?

georgeawg · Accepted Answer · 2019-07-23 23:51:08Z

3

Nest the literals:

$scope.listing.payment_types = { _ids: {} };

The advantage of the object literal notation is, that you are able to quickly create objects with properties inside the curly braces.

For more information, see

answered Jul 23, 2019 at 23:40

georgeawg

49k13 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1