針對存儲在數組中的每個數據，在單獨的​​中顯示ng-repeat值。 AngularJS

Question

當使用ng-repeat時，從後端發送的數組值必須分開並存在於不同的行中。我有一個從數據庫獲取數據的數組，但它將所有數據保存在第一個索引中。

後端

List <String> sportsValues; 

角JS

$scope.sports = { values: [] }; 

if (scope.sports.values.length > 0) { 
$scope.sports.values.push(sportsValues) 
}; 

HTML

<table> 
<tr ng-repeat="value in sports.values"> 
    <td> {{ values }} </td> 
</tr> 
</table> 

當前結果

[["football, basketball, baseball"]] 

如果我這樣做，$scope.sports.value(0) = {"football, basketball, baseball"}

期望的結果在表

football 
basketball 
baseball 

人建議加入，CSS和分裂列表分隔，但沒有一次成功。 一個簡單的指南或技巧將不勝感激。

Answer 1

如果你只想打印一審然後

<table> 
    <tr ng-repeat="value in sports.values[0]"> 
    <td> {{ value }} </td> 
    </tr> 
</table> 

更新

要打印在每個tr所有的值，然後只需你需要改變你如何親吻的分配價值$scope.sports.values

$scope.sports = { values: [] }; 

if(angular.isArray(sportsValues)) { 
    $scope.sports.values = sportsValues[0].split(","); 
} 

然後更改ng-repeat到你之前有過什麼

<table> 
    <tr ng-repeat="value in sports.values"> 
    <td> {{ value }} </td> 
    </tr> 
</table>