ネストされたng-repeatのanglejsを持つ2つの異なるjson-stringからデータを表示します

Question

私はjsonの文字列を持っています（2つの異なるデータベース）。

[{ 
    sport: football, 
    sportid: 1 
},{ 
    sport: tennis, 
    sportid: 2 
},{ 
    sport: golf, 
    sportid: 3 
},{ 
    sport: swimming, 
    sportid: 4 
}] 

と

[{ 
    personid: 1, 
    name: "john", 
    sportid: 1 
},{ 
    personid: 2, 
    name: "mark", 
    sportid: 3 
},{ 
    personid: 3, 
    name: "steve", 
    sportid: 4 
},{ 
    personid: 4, 
    name: "marcel", 
    sportid: 2 
},{ 
    personid: 5, 
    name: "dirk", 
    sportid: 1 
},{ 
    personid: 6, 
    name: "fred", 
    sportid: 2 
},{ 
    personid: 7, 
    name: "bart", 
    sportid: 3 
},{ 
    personid: 8, 
    name: "lieve", 
    sportid: 1 
}] 

が出力：

1 footbal 
- john 
- dirk 
- lieve 

2 tennis 
- marcel 
- fred 

3 golf 
- mark 
- bart 

4 swimming 
- steve 

方法AngularJSsportとpersonを組み合わせることができ、それは一種の、sportにsportidを表示し、それぞれの名前が属していることを例として sportidを介してスポーツに。

EDIT：私はしたくは使用しない複数の便利な理由ためGoogle Spreadsheetjson

Answer 1

あなたは、このようなNGリピートでネストされた要素を、使用することができます。

結合する機能を持っていない

<ul ng-repeat="sport in sports ">{{ sport.sport}} 
    <li ng-repeat="person in people | filter: {sportid: sport.sportid}"> 
    {{ person.name }} 
    </li> 
</ul>