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

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'}]

我必须首先显示 start_date 和第一个 end_date ，第二个 start_date 和第二个 end_date 使用 ng-repeat.Is 可以这样显示使用 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 as

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

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

How to write two ng-repeat by mixing the values?

javascript

json

angularjs

ng-repeat