Ключ ng-repeat не отображается с использованием данных JSON

Моя служба захватывает данные JSON и успешно возвращает данные в контроллер, однако у меня возникла проблема с использованием ng-repeat для перебора имен ключей.

Я хочу отображать имена ключей на странице в виде списка, поскольку они являются именами категорий.

В настоящее время ng-repeat повторяет правильное количество раз, но не отображает имя ключа.

Контроллер:

app.controller('getNav', function(getJSONData, $scope) {
    var path = 'json/navigation';
    getJSONData.async(path).then(function(d) {
        $scope.data = d;    
    });
});

Сервис:

app.factory('getJSONData', function($http) {
  var getJSONData = {
    async: function(path) {
      var promise = $http.get(path).then(function (response) {
        return response.data;
      });
      return promise;
    }
  };
  return getJSONData;
});

Данные JSON:

{ 
     "data": {
         "category_a": ["a", "b", "c", "d"], 
         "category_b": ["e", "f", "g"], 
         "category_c": ["h", "i", "j"]
     }, 
     "response": "Navigation"
}

Просмотр:

<ul ng-controller="getNav">
   <li data-ng-repeat="(key, value) in data.data">Category name is: {{key}}</li>
</ul>