Angularjs NGリピートオブジェクト - 重複した値

Question

私は、新しいユーザーが

追加されるたびに、オブジェクトが、私はこのオブジェクトを反復処理しています更新になるだろう

data = {}; 

data[user1] = { 
name: "apple", 
Company: "001" 
}; 
data[user2] = { 
name: "apple", 
Company: "002" 
}; 
data[user3] = { 
name: "orange", 
Company: "003" 
}; 

、以下のようなデータ構造を持つオブジェクトを持っています

私がテーブルに表示しようとしている何

<table> 
<thead> 
    <tr> 
    <td>Name</td> 
    <td>Company</td> 
    </tr> 
</thead> 
<tbody> 
    <tr ng-repeat="(key, value) in data"> 
    <td>{{$parent.data[key].name}}</td> 
    <td>{{$parent.data[key].Company}}</td> 
    </tr> 
</tbody> 
</table> 

があり、同じ名前を持つ「USER1」と「user2は」ので、私はそれを一度に印刷したい、表形式でデータを提示するngのリピートを使用してアル2のowspanは可能なことですか？表は次のようになり、このデータでは

、

私は何を取得しようとすることで、

Answer 1

は私が表示されていないUSER1を削除してくださいrowspanを使用する簡単な方法です。しかし、あなたはこれを行うにはangular.filterが提供するGROUPBYフィルタを使用することができます。

ここ

<table> 
    <tr ng-repeat='(key, value) in data | groupBy: "name"'> 
     <td>{{key}}</td> 
     <td> 
     <table> 
      <tr ng-repeat='item in value'> 
      <td>{{item.Company}}</td> 
      </tr> 
     </table> 
     </td> 
    </tr> 
    </table> 

を実証するためのplunkです。

Answer 2

あなたは、あなたがおそらく入れているため、ユーザの「見ていますuser1変数に "name"を追加します。私はこの

data = {}; 

data[user1+""+data.length()] = { 
name: "apple", 
Company: "001" 
}; 

よう

使用に何か間違っているなら、私を修正または増分変数

var i = 0; 
data = {}; 

data[user1+""+i] = { 
name: "apple", 
Company: "001" 
}; 
i++; 

を使用するか、完全に

var i = 0; 
data = {}; 

data[i] = { 
name: "apple", 
Company: "001" 
}; 
i++ 
data[i] = { 
name: "apple", 
Company: "002" 
};