我想将表行显示为内表行,如果第一个字段相同如何执行此操作

Question

<tr ng-model="check" ng-repeat="orderBook in orderBookDetails| orderBy: 'orderBook.no'" value='check=$scope.orderBookDetails.sowNo'>
  <td ng-if='check!=orderBook.no'>{{orderBook.no}}</td>
  <td>{{orderBook.location}}</td>
  <td>{{orderBook.finYr}}</td>
  <td ng-if='orderBook.amount1'>{{orderBook.amount1}}</td>
  <td ng-if='!orderBook.amount1'></td>
  <td ng-if='orderBook.amount2'>{{orderBook.amount2}}</td>
  <td ng-if='!orderBook.amount2'></td>
  <td ng-if='orderBook.amount3'>{{orderBook.amount3}}</td>
  <td ng-if='!orderBook.amount3'></td>
  <td>{{orderBook.amount1--orderBook.amount2--orderBook.amount3}}</td>
  <td ng-if='orderBook.amount4'>{{orderBook.amount4}}</td>

  <td ng-if='!orderBook.amount4'></td>
  <td>
    <button ng-click="getOrderBookDetails(orderBook.sowNo,orderBook.sowStartDate,orderBook.sowEndDate, orderBook.sowValuetoUSD);" class="btn btn-primary" data-toggle="modal" data-target="#add_new_record_modal">Update</button>

如果orderBook.no相同,那么我只需要放置一次并tr在其中添加一个td

我得到一张这样的桌子

SOW No    Location   Year   Jan     Feb   March    Cum Q4    update
  001      italy     2016   1000                    1000     Update
  001      italy     2017           9000   12000    21000    Update
  002      england   2017   1000    2000            3000     Update

但我需要一张像这样的桌子

SOW No  Location     Year    Jan    Feb    March    Cum Q4   update
    001    italy     + 2016  1000                    1000    Update
    002    england   - 2017  1000    2000            3000     Update

点击我需要显示的加号按钮

 SOW No   Location   Year   Jan     Feb   March    Cum Q4    update
  001      italy    - 2016  1000                    1000     
                                                             Update
                      2017          9000   12000    21000    
  002      england  - 2017  1000    2000            3000     Update

每行一次更新按钮.我实施过像

<tr id="hideRow" ng-model="counter" value="counter=1"
                                ng-repeat="orderBook in orderBookDetails| orderBy: 'orderBook.no'"
                                ng-if='orderBook.index==0'>
                                <td>{{orderBook.index}}</td>
                                <td><img alt="Expand row" height="20px;"
                                    ng-src="library/image/expand.jpg"
                                    onclick="showRow('orderBook.no')">{{orderBook.no}}</td>
                                <td>{{orderBook.location}}</td>
                                <td>{{orderBook.finYr}}</td>
                                <td ng-if='orderBook.amount1'>{{orderBook.amount1}}</td>
                                <td ng-if='!orderBook.amount1'></td>
                                <td ng-if='orderBook.amount2'>{{orderBook.amount2}}</td>
                                <td ng-if='!orderBook.amount2'></td>
                                <td ng-if='orderBook.amount3'>{{orderBook.amount3}}</td>
                                <td ng-if='!orderBook.amount3'></td>
                                <td>{{orderBook.amount1--orderBook.amount2--orderBook.amount3}}</td>
                                <td ng-if='orderBook.amount4'>{{orderBook.amount4}}</td>
                                <td ng-if='!orderBook.amount4'></td>
                                <td><button
                                        ng-click="getOrderBookDetails(orderBook.sowNo,orderBook.sowStartDate,orderBook.sowEndDate, orderBook.sowValuetoUSD);"
                                        class="btn btn-primary" data-toggle="modal"
                                        data-target="#add_new_record_modal">Update</button>
                            </tr>

                            <tr id="reloadRow"
                                ng-repeat="orderBook in orderBookDetails| orderBy: 'orderBook.no'"
                                ng-if='(orderBook.index!=0 || orderBook.no==$scope.curNo) && orderBook.no!=0'>
                                <td>{{orderBook.index}}+0</td>
                                <td><a ng-click="showRow('orderBook.no')"><img alt="Hide row" height="20px;"
                                    ng-src="library/image/sow2.png"></a>{{orderBook.no}}</td>
                                <td>{{orderBook.location}}</td>
                                <td>{{orderBook.finYr}}</td>
                                <td ng-if='orderBook.amount1'>{{orderBook.amount1}}</td>
                                <td ng-if='!orderBook.amount1'></td>
                                <td ng-if='orderBook.amount2'>{{orderBook.amount2}}</td>
                                <td ng-if='!orderBook.amount2'></td>
                                <td ng-if='orderBook.amount3'>{{orderBook.amount3}}</td>
                                <td ng-if='!orderBook.amount3'></td>
                                <td>{{orderBook.amount1--orderBook.amount2--orderBook.amount3}}</td>
                                <td ng-if='orderBook.amount4'>{{orderBook.amount4}}</td>
                                <td ng-if='!orderBook.amount4'></td>
                                <td><button
                                        ng-click="getOrderBookDetails(orderBook.sowNo,orderBook.sowStartDate,orderBook.sowEndDate, orderBook.sowValuetoUSD);"
                                        class="btn btn-primary" data-toggle="modal"
                                        data-target="#add_new_record_modal" disable="disabled">Update</button>
                            </tr>

ng-click无效.我已经包含了一个像第一次没有来自0其他1的索引

Answer 1

我无法使用角度函数，所以我使用基本的 jquery 类型函数

   <tr id="reloadRow"   ng-repeat="orderBook in orderBookDetails| limitTo : 10 | orderBy: 'orderBook.no'"
    ng-if='orderBook.index==0 || orderBook.no==curNo'>
    <td>{{orderBook.index}}</td>
    <td ng-if='orderBook.index==0 && orderBook.no==curNo'><img
    alt="Hide row" height="20px;"
    ng-src="library/image/minimize.jpg" ng-click="hideRow()">&nbsp;{{orderBook.no}}</td>
    <td ng-if='orderBook.index==0 && orderBook.no!=curNo'><img
    alt="Hide row" height="20px;"
    ng-src="library/image/expand.jpg"
    ng-click="showingfull(orderBook.no)">&nbsp;{{orderBook.no}}</td>
    <td ng-if='orderBook.index!=0'></td></tr>

使用带有两个图像 + 和 -、索引、curNo 变量和两个函数的 ng-click

$scope.showingfull = function(sowNo) {
                alert("Inside brand new showing method");
                $scope.curNo = sowNo;
            }


$scope.hideRow = function() {
                    $scope.curNo = 0;
                }