मैं भीतरी तालिका पंक्ति के रूप में तालिका पंक्ति प्रदर्शित करना चाहते हैं, तो पहले क्षेत्र में एक ही कैसे प्रदर्शन करने के लिए इस

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 ही है तो मुझे लगता है कि जगह केवल एक बार और td

के भीतर एक tr जोड़ने के लिए है मैं इस

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 

की तरह एक मेज की जरूरत है

Onclick प्लस बटन मैं प्रति पंक्ति एक अद्यतन बटन के साथ

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> 

एनजी क्लिक लागू कर दिया है काम नहीं कर रहा। मैं एक सूचकांक को शामिल किया है की तरह पहली बार के लिए एक नहीं इसकी 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 चर और दो कार्यों का उपयोग किया जाता है

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


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

Answer 2

मैं तो इसे और अधिक इस तरह दिख रही इस एक कारखाने का उपयोग कर डेटा के पुनर्गठन से काम करने के लिए प्राप्त करने में सक्षम था: से

$scope.orderBookDetails = { 
    '001':[ 
    { 
     location:'Italy', 
     finYr:'2016', 
     amount1:1000, 
     amount2:2000 
    }, 
    { 
     location:'Italy', 
     finYr:'2017', 
     amount1:1000 
    } 
    ], 
    '002':[ 
    ..etc.. 
    ] 
} 

वहां, मैंने प्रत्येक ऑर्डरबुक नंबर के लिए डेटा प्रदर्शित करने के लिए नेस्टेड टेबल का उपयोग किया और उस नंबर के साथ अन्य पुस्तकों को टॉगल करने के लिए + और - बटन पर एक एनजी-क्लिक ईवेंट जोड़ा।

<table> 
<tr> 
    <th>SOW No</th> 
    <th>Location</th> 
    <th>Year</th> 
    <th>Jan</th> 
    <th>Feb</th> 
    <th>March</th> 
    <th>Cum Q4</th> 
    <th>Update</th> 
</tr> 
<tr ng-repeat="(key,orderBook) in orderBookDetails"> 
<td class="no_td">{{ key }}</td> 
<td colspan="7"> 
    <table ng-repeat="book in orderBook" class="book" ng-if="$index == 0 || orderBook.expanded"> 
    <tr> 
     <td>{{ book.location }}</td> 
     <td> 
     <button class="expander" ng-click="expandBooks(orderBook)" ng-if="$index == 0"> 
      <span ng-if="!orderBook.expanded && orderBook.length > 1">+</span> 
      <span ng-if="orderBook.expanded || orderBook.length <= 1">-</span> 
     </button> 
     <span class="spacer" ng-if="$index > 0"></span> 

     {{ book.finYr }} 
     </td> 
     <td>{{ book.amount1 }}</td> 
     <td>{{ book.amount2 }}</td> 
     <td>{{ book.amount3 }}</td> 
     <td>{{ book.amount1 + book.amount2 + book.amount3 }}</td> 
     <td><button ng-click="getOrderBookDetails(orderBook)" class="btn btn-primary" data-toggle="modal" data-target="#add_new_record_modal">Update</button></td>   
    </tr> 

    </table> 
    </td> 
</tr> 
</table> 

यहाँ मेरी समाधान दिखा एक codepen है: http://codepen.io/anon/pen/EZqObO