You can implement it with .map and Object.keys()

const result = data.map(item => Object.keys(item)[0]);

console.log(result);   // ['name1', 'name2']

If you want to perform that method to your http call. You can do so by:

this.http
    .get(this.URL1)
    .pipe(map(res => res.map(item => Object.keys(item)[0])))
    .subscribe((res: Response) => {...});

Looks like you need to iterate through datebases.databases object. As soon as $scope.databases is:

{
 databases: [],
 totalSize: ..,
 ..
}

you need the following ng-repeat on your page:

<ul>
  <li ng-repeat="contact in databases.databases">
    {{ contact.name }}
  </li>
</ul>

The JSON you're retrieving from the service doesn't return an array but an object, on your component you should do this:

this.employeeService.getEmployees().subscribe((data) => {
  this.emplist = data.data;
});

Since your service is returning an object, your *ngFor directive can't iterate through it.

You need to Stringify before need to store data on localStorage and after retrieval you need to parse it.

Look the following example.

Setting object to localStorage in normal way

var form={
       Test:[],
       form:[]
};
localStorage.setItem('formStructure', form);

Getting value from LocalStorage after normal way.

localStorage.getItem('formStructure');
//Output is as "[object Object]"

But if we Stringfy the object as JSON the then save it as follows

localStorage.setItem('formStructure', JSON.stringify(form));

Then at the time of if we parse it again we will get the proper object

JSON.parse(localStorage.getItem('formStructure'));

Output as Object {Test: Array[0], form: Array[0]}. Proper object structure.

EDIT: For iteration of you object iterate as

for(var obj in a) {
    if(a.hasOwnProperty(obj)){
         form[obj]=[];
    }
}

For Angular 6.1+ , you can use default pipe keyvalue ( Do review also ) :

<ul>
    <li *ngFor="let recipient of map | keyvalue">
        {{recipient.key}} --> {{recipient.value}}
    </li>
</ul>

WORKING DEMO

Previously : As you are saying :

Angular2 - *ngFor / loop through json object with array , this couldn't help you

You dont have any need of that, coz your code works fine , please check

WORKING DEMO

Nothing complicated, it’s just that your syntax is wrong.

The for loop needs to be written like this:

for(var i=0; i < user.User.Stats.length; i++)

I.e. without the superfluous $, without the superfluous ;, and also there is no data inside Stats.

See http://jsfiddle.net/4kzzy/176/

Also note you could use angular.forEach instead.

I think that the simplest solution is just adding another div and iterate in it over your showTableData variable, but only by keys which were selected.

<div ng-repeat="d in data">
  <div class="col" ng-show="d.checked">{{d.name}}</div>
     <div class="col" ng-show="d.checked"
        ng-repeat="nameObject in showTableData[d.name]">

            {{nameObject.name}}

     </div>
</div>

Example on codepen.

There are some things which can be refactored, but I hope, that you'll get the idea.

There is a little bit cleaner solution with using of filter. With this approach you can remove your ng-show inside ng-repeat.

<div ng-repeat="d in data | filter:{checked: true}">
     <div class="col">{{d.name}}</div>
     <div class="col" ng-repeat="nameObject in showTableData[d.name]">

        {{nameObject.name}}

     </div>
</div>

Example.