angularjs - ngのリピートはハッシュマップ

Question

私はこのようなハッシュマップ反復処理しようとしていますを反復しません。私のClickToEditCtrl.jsに

index.htmlを

<div ng-app> 
    <div ng-controller="ClickToEditCtrl"> 
     <p>Your Data:</p> 
     <ul ng-repeat="(name, person) in data"> 
       name: {{name}} 
      -------------------------- 
       age: {{person.age}} 
       hair: {person.hair}} 

     </ul> 
    </div> 
</div> 

を

function ClickToEditCtrl($scope) { 
    $scope.data =[]; 
    $scope.data["Mike"] = new person (11,"blonde"); 
    $scope.data["Dan"] = new person (22, "redhead"); 
} 

function person(age, hair){ 
    this.age = age; 
    this.hair = hair; 
} 

それは動作しません..

私は空のリストを取得しています。

何が間違っていますか？

ありがとうございました！

Answer 1

オブジェクトではなく新しい配列を初期化しています。
それは代わりに$scope.data =[];

の$scope.data = {};でなければなりませんそして、あなたはより良いあなたがそれをCONSOLE.LOGとき、あなたの$ scope.dataが好きなものを見てんliではなくul

<ul> 
    <li ng-repeat="(name, person) in data"> 

    name: {{name}} 
    -------------------------- 
    age: {{person.age}} 
    hair: {{person.hair}} 
    </li> 
</ul>