Question

我有2个json，

$scope.start_date=[{'01/02/2016'},{'05/05/2014'},{'08/02/2015'},{'04/08/2016'}]
$scope.end_date=[{'01/02/2016'},{'05/05/2014'},{'08/02/2015'},{'04/08/2016'}]

我必须使用ng-repeat显示第一个start_date和第一个end_date，第二个start_date和第二个end_date。使用anguarjs可以使用ng-repeat显示这样的内容。任何人都可以帮助我

Answer 1

我认为你正在寻找类似下面的东西。有几种方法可以做到这一点。 ng-repeat公开$index，您可以使用它来显示另一个数组中的项目，假设两个数组的项目数相同。

<ul>
  <li ng-repeat="date in start_date">Start: {{date}}, End: {{end_date[$index]}}</li>
</ul>

你应该制作那些数组：

$scope.start_date=['01/02/2016','05/05/2014','08/02/2015','04/08/2016'];
$scope.end_date=['01/02/2016','05/05/2014','08/02/2015','04/08/2016'];

Answer 2

您可以格式化日期，例如

dates = [{
    start: "01/01/2016",
    end: "01/30/2016"  
}, {
    start: "02/01/2016",
    end: "02/28/2016"  
}];

然后您可以在ng-repeat喜欢

中使用它们

<div ng-repeat="date in dates">
    <span>{{date.start}} - {{date.end}}</span></br>
</div>

Answer 3

$scope.dates=[{start_date :'01/02/2016',end_date :'01/02/2016''},{start_date :'05/05/2014', end_date:'05/05/2014'}...]

像这样传递日期数组并使用ng-repeat作为

 <ul><li ng-repeat="date in dates">start date : {{date.start_date}} End date : {{date.end_date}}</li></ul>

如何通过混合值来编写两个ng-repeat？

3 个答案: