2016-11-28 4 views
0

ここは、APIから提供されるJSONです。 JSONは正しくJSON with angularJSを解析します。

{ 
"api": 
    {"version":"1.0", 
    "url":"http:\/\/www.example.com", 
    "encoding":"UTF-8", 
    "generated":"2016-11-28T15:12:18+01:00", 
    "contents":"categories_hierarchical"}, 
"0":{"id":"46", 
    "name":"Music", 
    "parent_id":"56", 
    "event_count":"411", 
    "rank":1} 
} 

最初の要素(api)が表示されている必要はありません(猫変数属性のURLで)生成されます。

.factory('selectedCategoriesService', function($http, $stateParams) { 
     var selectedCategories = []; 

     return { 
     getselectedCategories: function(){ 
      return $http.get('http://www.myapi.com&data=categorie', { params: { cat: $stateParams.id } }).then(function(response){ 
       selectedCategories = response.data; 
       return response.data; 
      }); 
     }, 
    getselectedCategorie: function(selectedCategorieId){ 
     for(i=0;i<selectedCategories.length;i++){ 
      if(selectedCategories[i].id == selectedCategorieId){ 
       return selectedCategories[i]; 
      } 
     } 
    } 
} 
}) 

マイコントローラ:

.controller('CategoriesListDetailCtrl',function($scope, $stateParams, selectedCategoriesService){ 

    var selectedCategorieId = $stateParams.id; 
    $scope.selectedCategorie = selectedCategoriesService.getselectedCategorie(selectedCategorieId); 

    selectedCategoriesService.getselectedCategories().then(function(selectedCategories){ 
    $scope.selectedCategories = selectedCategories; 
    console.log($scope.selectedCategories); 
    }) 
}) 

単純なテンプレート:

<ion-pane> 

    <ion-view view-title="{{selectedCategorie.name}}"> 

    <ion-content class="has-header"> 

     <ion-item class="item-thumbnail-left"> 

      <h2>{{selectedCategories.id}}</h2> 

     </ion-item> 

    </ion-content> 

    </ion-view> 

</ion-pane> 

答えて

1

だけからapiプロパティを削除し、私はちょうど(key: 0

私の工場秒がしたいですオブジェクト:

ところで
selectedCategories = response.data; 
delete selectedCategories.api; 
return response.data; 

は、テンプレートには、おそらくタイプミスがあります

<h2>{{selectedCategories.id}}</h2> 

は、おそらく次のようになります。

<h2>{{selectedCategorie.id}}</h2> 
+0

'selectedCategoriesを削除;' APIのプロパティを削除しますか? – bklups

+0

申し訳ありませんが、私の間違い。その行を修正するための答えを更新しました。 – lucasnadalutti

+0

'deleted selectedCategories.api;'はうまくいきますが、 '' 0 ': 'プロパティ、配列の前、どんな考え方でも解決するために結果が表示されません。 – bklups