कोणीय डेटाटेबल्स नेस्टेड पंक्तियां

Question

क्या कोणीय-डेटाटेबल्स में नेस्टेड टेबल प्रदर्शित करने का कोई बेहतर तरीका है? मैं rowCallback का उपयोग करने और क्लिक करें घटना की स्थापना करके मेरी समस्या हल:

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json') 
    .withOption('rowCallback', rowCallback) 

और एक क्लिक के हैंडलर में मैं डीटी-उदाहरण मिलता है और डेटा तालिका उदाहरण से पंक्ति डेटा का उपयोग कर एचटीएमएल निर्माण।

function rowCallback(tabRow, data, dataIndex) { 
    $(tabRow).unbind('click'); 
    $(tabRow).on('click', function() { 
     console.log('click'); 
     $(this).find('.a1-icon').toggleClass('fa-rotate-180'); 
     var tr = $(tabRow); 
     var table = $scope.dtInstance.DataTable; 
     var row = table.row(tr); 

     if (row.child.isShown()) { 
      // This row is already open - close it 
      row.child.hide(); 
      tr.removeClass('shown'); 
     } 
     else { 
      // Open this row 
      row.child(format(row.data())).show(); 
      tr.addClass('shown'); 
     } 
    }); 
} 

लेकिन यह विशेष रूप से कोणीय के लिए थोड़ा अजीब लगता है। यहाँ पूर्ण सरलीकृत कोड के साथ Plunker है http://plnkr.co/edit/gVf926obJKTXvXU7fLdA?p=preview

Answer 1

$(tabRow).on('click', function() {}) 
 

 
//instead of this "on" event Use "load" 
 

 
$(tabRow).load('click', function() {})