How do I generate nested table in one column if it has list of values using angular js?

Question

index.js

var app = angular.module(\'plunker\', []);

app.controller(\'MainCtrl\', function($scope) {
  $scope.name = \'World\';

  $scope.data =[{\"Id\":1,\"         


        

Answer 1

I'm not really sure what you want to render, but this might give you some ideas.

see: http://plnkr.co/edit/znswagx45a2F7IThdQJn?p=preview

app.js

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.data =[{"Id":1,"Title":"en-US","Description":"UnitedStates","MyValues":[{"Id":100,"Value":"Save"}]},
{"Id":1,"Title":"en-UK","Description":"UK","MyValues":[{"Id":102,"Value":"Delete"}]}]
  $scope.cols = Object.keys($scope.data[0]);

  $scope.notSorted = function(obj){
    if (!obj) {
        return [];
    }
    return Object.keys(obj);
}  
});

index.html

  

    

      
{{value}}
    
  
  

    

      

        

          

            

              
Id:
{{value[0].Id}}
            
            

              
Value:
{{value[0].Value}}
            
          
        
        

          {{value}}
        
      
    
  
   

If you need to be more general, maybe instead of

you could do something like

. I didn't have time to try and get that working though, but something to look into.

0 讨论(0)

查看其它2个回答

发布评论:

提交评论

---

•  加载中...