html要素が存在するにもかかわらず、ngrepeatに内容がありません

Question

APIから数字のリストを取得していて、ng-repeatを使ってウェブページに表示しています。 10の場合、10個の要素が作成されますが、コンテンツは空です。私は多くの異なる組み合わせを試みましたが、内容は表示されません。 HTML要素は次のようになります

ngrepeatにはボタンを使用していますが、本文はありません。

コード：

は

私はスコープと結合フォーマットされたJSONは次のとおりです。

$scope.getParts = function(){ 
$http({ 
    method:"GET", 
    url:'v1/getpartsname' 
}).then(function(res){ 
    $scope.parts = []; 
    for (var i = 1; i < res.data.length; i++) { 
     $scope.parts.push(parseInt(res.data[i][0].trim())); 
    } 
    // $scope.partNumbers = parts; 
    $scope.searchPart = ""; 
}); 
} 

とHTMLは

<div className="container" ng-show="showPartNumbers" ng-init="getParts()"> 
     <div className="row"> 
      <div className="col-sm-6" ng-repeat="part in parts| filter:searchPart"> 
       <button type="button" ng-click="home(part)">{{part}}</button>     
      </div> 
     </div> 
</div> 

は、私は次のように表示されたHTMLを取得しています：

私はHTTP呼び出しから取得元のJSONは次のとおりです。

Answer 1

@SangitDhanani plunker作品構造の確認するために、インスペクターのデータを見ることができますが、ことを示しています壊れたビットを削除しました。これを行う1つの方法は、JSONファイルをAPIコールからjsonファイルに戻してから、それをあなたのプランナーに置くことです。

これは、プランカをあなたの問題に近づけ、ソースを見つけるのを助けてくれるでしょう。

私が数回見たことは、REST APIがJSONを返しますが、JSONとして返されるのではなく、JSON.parseを解凍する必要があります。何かのように

response: '{"id":"1234","name":"Mikkel"... 

一見、JSONのように見えますが、実際は文字列です。

Answer 2

のparseIntは（？の値のいずれかが無効/空欄で）失敗した可能性があります、ありません単なる値すなわちとしてみてくださいparseIntやトリム：

$scope.parts.push(res.data[i]); 

ます。また、変数のスコープにデータを置くことを試みることができ

$scope.rawData = res.data; 

、その後

{{rawData | json}}

とUIにあなたがいるので、当然の