Angular 逗号分隔字符串的 ng-repeat

Question

我在 angularjs 中有一个问题。

在我的控制器中，我有一个逗号分隔的字符串，我将在我的 index.html（使用 ng-repeat）

中显示它

这是我的控制器：

myApp.controller('TabsDemoCtrl',function($scope,$http){
    $http.get('/performbatch').success(function(data) {
        $scope.string = 'Gzrgh,1,2,1,4,1,1,1,20150304,20180304';
        $scope.arrString = new Array();
        $scope.arrString = $scope.string.split(',');
    });

这是我的html：

<div ng-controller="TabsDemoCtrl">
    <td ng-repeat="icerik in arrString">
       {{icerik}}
    </td>
</div>

但我没能做到。你能帮助我吗？提前致谢。

Answer 1

你不能 td 在 table 之外。

一定是这样的

<div ng-repeat="icerik in arrString track by $index">
       {{icerik}}
</div>

此外，由于有些是重复项，您还必须添加 track by $index

DEMO

Answer 2

如果你想重复用,分隔的字符串，你应该把字符串拆分成一个数组，然后重复

试试这个：

  $scope.string = $scope.string.split(",");

这从 ,.

拆分的字符串创建一个数组

因此您的代码变为：

myApp.controller('TabsDemoCtrl',function($scope,$http){
    $http.get('/performbatch').success(function(data) {
        $scope.string = 'Gzrgh,1,2,1,4,1,1,1,20150304,20180304';
  $scope.str= str.split(",");
        $scope.arrString = new Array();
        $scope.arrString = $scope.string.split(',');
    });

Answer 3

这是plunker给你的

您需要使用 $index 跟踪，因为它在数组中有重复值。

ng-repeat="icerik in arrString track by $index"

Answer 4

<td ng-repeat="L in Labour.CWCT_Description.split(',') track by $index" >
                                        {{L}}
                                    </td>

Angular 逗号分隔字符串的 ng-repeat

Angular ng-repeat for comma separated strings

angularjs

angularjs-ng-repeat

comma