2016-10-06 4 views
0

これを解決する手がかりを探していました。Angularjs json data

データ配列を含む3つのオブジェクトを持つjsonドキュメントがあります。以下のようにそれらを表示する:

<tr data-ng-repeat="x in data.Country 
         | filter:{Continent:ContinentValue} 
         | filter:{GovernmentForm:govForm} 
         | filter:{Name:countName} 
         | orderBy:orderProperty" 
         data-ng-if="x.Population >= popValueMax && x.Population <= popValueMin"> 
     <td><a href="#/{{ x.Code }}">{{x.Name }}</td> 
     <td>{{x.Population}}</td> 
     <td>{{x.LifeExpectancy}}</td> 
     <td>{{x.GovernmentForm }}</td> 
     <td>{{x.HeadOfState }}</td> 
    </tr> 
</table> 

はまた別のビューでそれらを使用して:二一

<ul > 
<li>Local name: {{x.LocalName}}</li> 
<li>Continent: {{x.Continent}}</li> 
<li>Region: {{x.Region}}</li> 
<li>Surface area: {{x.SurfaceArea}}</li> 
<li>Population: {{x.Population}}</li> 
<li>Gross National Product(GNP): {{x.GNP}}</li> 
<li>Government form: {{x.GovernmentForm}}</li> 
<li>Head of state: {{x.HeadOfState}}</li> 
<li>Capital: {{}}</li> 
<li>Official language: {{}}</li> 
<li>{{}}</li> 

、資本金はXですが、首都の名前が入っているオブジェクトの数値です

controllers.controller("details", ["$scope", "$routeParams", "$filter", 
function($scope, $routeParams, $filter) { 

$scope.x = $filter("filter")($scope.data.Country, 
{Code: $routeParams.CodeId})[0]; 
}]); 
:Aからの資本番号がHTMLドキュメントとの間のデータを取得するためにこれを使用し

オブジェクトBの都市のIDであるオブジェクトB

オブジェクトBの名前(文字列)を<li>Capital: {{}}</liに取得する方法に関するアイデアはありますか?そのオブジェクトBを仮定

+0

を再利用することができます - あなたの問題とは関係のないPROBが、あなたのng-あなたの最初のコードサンプルでは疑わしいと思われます。おそらく、 '&&'ではなく '||'が必要な場合や、 'popValueMax'と' popValueMin'が切り替わる場合があります。あなたのコードは: 'data-ng-if =" x.Population> = popValueMax && x.Population <= popValueMin ">' –

+0

あなたはオブジェクトB jsonをインクルードできますか? –

+0

あなたは配列jsonを配送できますか? – sioesi

答えて

0

はあなたの式でオブジェクトをフィルタリングして、第一フィルタオブジェクトの名前を取ることができ

[{id:1, name:'One'}, {id:2, name:'Two'}] 

ようになります。

<li>Capital: {{(objectB|filter:{id: x.Capital})[0].name}}</li> 

あなたが使用する必要がobjectB上の複数のプロパティがある場合、あなたは変数にフィルタプロパティを設定し、FYIそれを

<li>Capital: {{(capitalObj = (objectB|filter:{id: x.Capital})[0]).name}}</li> 
<li>Other Prop: {{capitalObj.other}}</li> 
+0

うまくいきませんでした。 – Znowman

+0

何ができませんでしたか? –

+0

フィルタを使用してデータを取得できませんでした。 – Znowman