Angular.jsで作成した配列がhtmlで反映されない。

Question

Angular.jsで取得した情報をheader.htmlというヘッダーにng-repeatを使用して出力したいのですが、
うまく表示されません。

services.js

angular.module('test.App.services', [])
.service('HeaderServ', function(urls, $http){
  return {
    init: ($scope) => {
      getHeaderInfo($scope);
    }
  }

  function getHeaderInfo($scope) {
    var baseHeaderList = [{test_cd: "", test_id: "", test_name: ""}];

    $scope.headerInfo = [];

    const url = urls["test"]
    $http.get(url).then(function onSuccess(response) {
        var temp = response.data;

        for (var i = 0; i < temp.length; i++ ) {
         $scope.headerInfo[i] = Object.create(baseHeaderList);
       }

        temp.forEach( function(value, index){
          console.log(value, index);
          $scope.headerInfo[index].test_cd= value.testCd;
          $scope.headerInfo[index].test_id= value.testId;
          $scope.headerInfo[index].test_name= value.testName;
        });
      });
  }
})

controller.js

angular.module('test.App.controllers', [])
.controller('HeaderCtrl', function($scope, HeaderServ){
	HeaderServ.init($scope);
})

url.js

'use strict';

angular.module('test.App.url', [])
.value('urls', {
  test: "/common/header",
})
;

header.html

<a class="logo" ui-sref="root.index">
　　～省略～
</a>
 <table class="table"  ng-repeat="item in headerInfo">
     <thead class="table-striped">
         <tr>
             <th  text-center">{{ item.test_cd }}</th>
             <th  text-center">{{ item.test_id }}</th>
             <th  text-center">{{ item.test_name }}</th>
         </tr>
     </thead>
 </tbody>
　～省略～

ヘッダー表示する前に開発者モードでデバッグで確認したところ
service.jsではほしい値は取れています。
どなたかご教授ください。
宜しくお願い致します。

Comments

[miyabi_pudding]

二点ほど。
質問タグにJavaがありますが、何か関係ありますか？
JavaScriptならまだわかりますが。
関係ないなら質問タグを外したほうがいいかと。
質問文は、Angular.jsとなっていますが、質問タグはAngularになっております。どちらでしょうか？
（両者はバージョン違いではあるが、互換性がないくらい仕様が異なる）

[kisamaru]

失礼致しました。
javascriptなのでjavaのタグを修正致します。
またAngularもAngular.jsに修正致します。