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

以下是plunker

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

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

Answer 2

td以外table。

必须像

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

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

<强> DEMO

Answer 3

如果你想用,重复一次，你应该将字符串拆分成一个数组并重复

试试这个：

  $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 4

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

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

4 个答案: