Angularjs 角度嵌套ng重复-在第二次重复使用第一次_Angularjs

Angularjs 角度嵌套ng重复-在第二次重复使用第一次

angularjs

Angularjs 角度嵌套ng重复-在第二次重复使用第一次,angularjs,Angularjs,我有以下嵌套ng重复的示例： <div ng-repeat="item1 in controller.items1> [[ item1 ]] // This displays properly <div ng-repeat="item2 in controller.items2"> [[ item2 ]] // This displays properly </div> [[ item1 ]] // This d

我有以下嵌套ng重复的示例：

<div ng-repeat="item1 in controller.items1>
    [[ item1 ]] // This displays properly
    <div ng-repeat="item2 in controller.items2">
        [[ item2 ]] // This displays properly
    </div>
    [[ item1 ]] // This doesn't get displayed
</div>

工作正常。检查下面的示例-
<body ng-controller="myCtrl" ng-app="app">
  <div ng-repeat="item1 in items1">
    {{item1.name}}
    <div ng-repeat="item2 in items2">
      {{item2.name}}
    </div>
    {{item1.name}}
  </div>
</body>

var app = angular.module('app', [])

app.controller('myCtrl', ['$scope',
  function($scope) {
    $scope.items1 = [{
      name: 'Item1 - One'
    }, {
      name: 'Item1 - Two'
    }, {
      name: 'Item1 -Three'
    }, {
      name: 'Item1 - Four'
    }];

     $scope.items2 = [{
      name: 'Item2 - One'
    }, {
      name: 'Item2 - Two'
    }, {
      name: 'Item2 - Three'
    }, {
      name: 'Item2 - Four'
    }];
  }
]);


{{item1.name}
{{item2.name}
{{item1.name}
var app=angular.module（'app'，[]）
app.controller（'myCtrl'，['$scope'，
职能（$范围）{
$scope.items1=[{
名称：'Item1-One'
}, {
名称：'Item1-Two'
}, {
名称：'Item1-Three'
}, {
名称：'Item1-Four'
}];
$scope.items2=[{
名称：'Item2-One'
}, {
名称：'Item2-Two'
}, {
名称：“项目2-三”
}, {
名称：'Item2-Four'
}];
}
]);
工作正常。检查下面的示例-
<body ng-controller="myCtrl" ng-app="app">
  <div ng-repeat="item1 in items1">
    {{item1.name}}
    <div ng-repeat="item2 in items2">
      {{item2.name}}
    </div>
    {{item1.name}}
  </div>
</body>

var app = angular.module('app', [])

app.controller('myCtrl', ['$scope',
  function($scope) {
    $scope.items1 = [{
      name: 'Item1 - One'
    }, {
      name: 'Item1 - Two'
    }, {
      name: 'Item1 -Three'
    }, {
      name: 'Item1 - Four'
    }];

     $scope.items2 = [{
      name: 'Item2 - One'
    }, {
      name: 'Item2 - Two'
    }, {
      name: 'Item2 - Three'
    }, {
      name: 'Item2 - Four'
    }];
  }
]);


{{item1.name}
{{item2.name}
{{item1.name}
var app=angular.module（'app'，[]）
app.controller（'myCtrl'，['$scope'，
职能（$范围）{
$scope.items1=[{
名称：'Item1-One'
}, {
名称：'Item1-Two'
}, {
名称：'Item1-Three'
}, {
名称：'Item1-Four'
}];
$scope.items2=[{
名称：'Item2-One'
}, {
名称：'Item2-Two'
}, {
名称：“项目2-三”
}, {
名称：'Item2-Four'
}];
}
]);
您在第一次ng重复中缺少一个倒逗号。这会给您一个语法错误：
<div ng-repeat="item1 in controller.items1">
    {{ item1 }} 
    <div ng-repeat="item2 in controller.items2">
        {{ item2 }}
    </div>
    {{ item1 }}
</div>

它应该可以正常工作：）。
您在第一次ng重复中缺少一个倒逗号。这会给您一个语法错误：
<div ng-repeat="item1 in controller.items1">
    {{ item1 }} 
    <div ng-repeat="item2 in controller.items2">
        {{ item2 }}
    </div>
    {{ item1 }}
</div>

它应该可以正常工作：）。
检查下面的代码，对我来说它工作正常。试着用尖括号打印输出，同时检查下面的代码
HTML
我得到的输出：
Pallet 1
[{"quantity":"31","handlingUnit":"CTN"},   {"quantity":"22","handlingUnit":"CTN"}]
102

用下面的代码检查，对我来说效果很好。试着用尖括号打印输出，同时检查下面的代码
HTML
我得到的输出：
Pallet 1
[{"quantity":"31","handlingUnit":"CTN"},   {"quantity":"22","handlingUnit":"CTN"}]
102

您可以为此创建一个JSFIDLE/PLUNK吗？按照您编写的方式，相同的[item1]应该显示两次。这就是你想要实现的吗？这绝对没有任何理由不起作用；您确定您正确地查看了输出吗？您可以为此创建一个JSFIDLE/PLUNK吗？按照您编写的方式，相同的[item1]应该显示两次。这就是你想要实现的吗？这绝对没有任何理由不起作用；您确定您正确地查看了输出吗？