对于存储在数组中的每个数据，在单独的 <td> 中显示 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>