Question

好的，很难解释，但我会尝试。

我写了一个ng-repeat，它通过我从HTTP请求获得的JSON。显示结果，可以通过单击详细信息按钮查看结果的详细信息。

在我的JSON中有两个价格相同的元素。我的整个演示文稿按价格排序。如果我点击价格为x的第一个元素的详细信息，则会显示价格为x的第二个元素的详细信息，此外还会更改结果的顺序。如果我再次关闭细节，订单会再次返回。

我不知道如何设置这么复杂的JSfiddle。我希望你能在这件事上帮助我。

showDetails($parent.$index)

以下是一些代码段：

<div ng-repeat="result in data|orderBy:order">
  <div ng-repeat="leg in legs.result">
   <span>{{leg.example}}</span><span>{{result.price}}</span>
   <div ng-click="showDetails($parent.$index)">

  </div>
  <div ng-repeat="leg in legs.result" ng-show="details[$parent.$index]">
    {{leg.details}} 
  </div>
</div>

这里有节目详情功能。

for(var i = 0;i<$scope.data.length;i++) {
        $scope.details[i] = false;
      }

$scope.order='price'
 $scope.showDetails=function(i){
        $scope.details[i]=!$scope.details[i];
}

JSON可能看起来像这样：

[{
price:700,
legs:[{
example:"test",
details:"testDetail1"}]

},
price:800,
legs:[{
example:"test2",
details:"testDetail2"}]
},
{
price:800,
legs:[{
example:"test3",
details:"testDetail3"}]
}]

指数正在改变ng-repeat

0 个答案: