具有扩展列和嵌套席表的动态席表列

问题描述 投票:0回答:1

我正在创建一个可重复使用的mat-table组件,该组件接受2个输入:列元数据和表数据。列元数据看起来像:

    var metadata:[
           { 
             'colName' : 'WO', 
             'expanded': false 
           },
           { 
             'colName' : 'Serial',
             'expanded': false
           },
           { 
             'colName' : 'Quantity',
             'expanded': false
           },
           { 
             'colName' : 'Nested',
             'expanded': true
           }

并且表数据数组如下:

    var data:[
         { 
           'WO': '2633',
           'Serial': '1qqqr4ew',
           'Quantity': 5,
           'Nested': []
         },
         { 
           'WO': '2633',
           'Serial': '1qqqr4ew',
           'Quantity': 5,
           'Nested': [
               { 
                'nestedCol1' : 3e2,
                'nestedCol2' : 2,
                'nestedCol3' : '01/01/2019'
               },
               { 
                'nestedCol1' : 3e2,
                'nestedCol2' : 2,
                'nestedCol3' : '01/01/2019'
               },
               { 
                'nestedCol1' : 3e2,
                'nestedCol2' : 2,
                'nestedCol3' : '01/01/2019'
               }
           ]
        },
        { 
           'WO': '1234',
           'Serial': 'qa9011',
           'Quantity': 200,
           'Nested': [
               { 
                'nestedCol1' : 121,
                'nestedCol2' : 21,
                'nestedCol3' : '15/03/2019'
               },
               { 
                'nestedCol1' : 450,
                'nestedCol2' : 24,
                'nestedCol3' : '23/07/2019'
               },
               { 
                'nestedCol1' : 91,
                'nestedCol2' : 12,
                'nestedCol3' : '01/05/2019'
               }
           ]
        }
     ] 

[从元数据对象数组中,我正在构造一个主表列定义,其中将'expanded'属性设置为true的列需要可扩展。在可扩展列中,我需要构建一个嵌套的mat-table(如果适用),该嵌套的mat-table显示来自数据对象数组对应属性(在此示例中为“嵌套”)的嵌套对象数组数据。

将'expanded'属性设置为false的动态列很容易构造并正确显示数据,并且嵌套表也很容易构造。

是否可以根据元数据列数组定义在主表中定义动态可扩展列?

注意,每个主表只有一个可扩展的列定义,并且并非所有数据对象都具有嵌套对象数组。

我正在将角v.8与角材料v.8一起使用

非常感谢。

我正在创建一个可重复使用的mat-table组件,该组件接受2个输入:列元数据和表数据。列元数据看起来像:var元数据:[{'colName':'WO',...

angular angular-material2 mat-table
1个回答
0
投票

据我了解,您希望根据数据对象是否具有嵌套元素来动态添加扩展的true或false。

© www.soinside.com 2019 - 2024. All rights reserved.