2016-03-24 14 views
0

Ben aşağıda bir veri yapısına sahip bir nesne var, angularjs ng-repeat nesne - yinelenen değerler

data = {}; 

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

yeni bir kullanıcı

ben bu nesneyi yineleme ediyorum eklendiğinde her nesne güncellenmiş alacağı

i tabloda gördüğünüz çalıştığım şey
<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> 

olduğunu aynı ismi vardır "kullanıcı1" ve "kullanıcı2" beri ben bu kez basılacak istiyorum, bir tablo biçiminde veri sunmak için ng tekrarı kullanılarak ar ile 2 owspan bu bir şey mümkün mü? tablo şu şekilde görünecektir Bu verilerle

,

enter image description here

ne ben elde etmeye çalışmak olduğunu

enter image description here

+1

http://stackoverflow.com/questions/14800862/how-can-i-group-data-with-angular-filter – Dave

cevap

0

görmüyorum user1 lütfen kaldırın Rowspan'ı kullanmanın kolay bir yolu. Ama bunu yapmak için angular.filter tarafından sağlanan GroupBy filtreyi kullanabilirsiniz:

İşte
<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> 

göstermek için bir plunk olduğunu.

+0

Yukarıdaki çözümü uygularım ve işe yarıyor ... Teşekkürler. Ben sadece başka bir soru var, ebeveynin çocuğa ng-tekrar $ indeksi erişmek için bir olasılık var .. Ben başka bir şekilde ebeveyn veli $ dizininde olduğunu biliyorum, aynı şekilde ebeveynin içinde çocuğun indeksine erişmek gerekirse, o uygun bir şey. – Sai

+0

Sadece bir ng tıklama eklemek ve şirket adı parametre olarak geçmek için çalışıyordu, aşağıdaki gibi '

{{ '> , {{anahtar}}
' – Sai

+0

zihni got it asla :) size Dave teşekkür ederim. – Sai

0

Bunu muhtemelen koyuyoruz çünkü kullanıcının "görüyoruz user1 değişkeninde isim. ben bu

data = {}; 

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

gibi

kullanım şeyler yanlış varsa düzeltin veya artışlı değişkeni

var i = 0; 
data = {}; 

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

kullanmak veya tamamen

var i = 0; 
data = {}; 

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